« MediaWiki:Mobile.js » : différence entre les versions

Version du 26 novembre 2021 à 15:30

/* Le Javascript placé ici n’affectera que les utilisateurs du site mobile */
 var timer = setInterval(function() {
       if ($('.menu ul:first').length) {
           console.log("mobile menu exists");
           clearInterval(timer);
           $('.menu ul:first').after(
                 '<ul class="level1"> \
                      <ul class ="level2"> \
                           <li> \
                           <a href="/wiki/Catégorie:Blog" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Blog</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/ContactezNous2" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Contact</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Dons" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Faire un Don</span> \
                           </a> \
                           </li> \
                      </ul> \
                 </ul> \
                 <ul class="level1"> \
                    <li> \
                      <a href="#" \
                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                      <span>La Zoophilie</span> \
                      </a> \
                      </li> \
                      <ul class ="level2"> \
                           <li> \
                           <a href="/wiki/Catégorie:Cause" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Argumentation</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Catégorie:Bibliographie" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Les livres</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Catégorie:Documentaires" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Documentaires</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Catégorie:Personnalités" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Personnalités</span> \
                           </a> \
                           </li> \
                      </ul> \
                 </ul> \
                 <ul class="level1"> \
                    <li> \
                      <a href="#" \
                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                      <span>La Loi</span> \
                      </a> \
                      </li> \
                      <ul class ="level2"> \
                           <li> \
                           <a href="/wiki/Loi_courante_en_France" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Législation Actuelle</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/PPL_Animaux" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>PPL Animaux</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/AnimalCross:Présentation" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Animal Cross</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Pratiques_d\'élevage" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Pratiques d\'élevage</span> \
                           </a> \
                           </li> \
                      </ul> \
                 </ul> \
                 <ul class="level1"> \
                    <li> \
                      <a href="#" \
                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                      <span>La Pratique</span> \
                      </a> \
                      </li> \
                      <ul class ="level2"> \
                           <li> \
                           <a href="/wiki/Catégorie:Pratiques" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Conseils</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/IST_et_zoophilie" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>IST et Zoophilie</span> \
                           </a> \
                           </li> \
                      </ul> \
                 </ul> \
                 <ul class="level1"> \
                    <li> \
                      <a href="#" \
                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                      <span>La Communauté</span> \
                      </a> \
                      </li> \
                      <ul class ="level2"> \
                           <li> \
                           <a href="/wiki/Qui_sommes_nous" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Qui sommes nous ?</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Zoolibre" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Forum</span> \
                           </a> \
                           </li> \
                      </ul> \
                 </ul> \'
            );
            $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
            $(".level1").click(function(event){ 
                 $(this).find(".level2").slideToggle(500);
            }); // if level1 is clicked, dropdown level2
       }
  }, 100); // check every 100ms