« MediaWiki:Mobile.js » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « →Le Javascript placé ici n’affectera que les utilisateurs du site mobile : console.log('mobile loaded'); ») |
Aucun résumé des modifications |
||
Ligne 1 : | Ligne 1 : | ||
/* Le Javascript placé ici n’affectera que les utilisateurs du site mobile */ | /* Le Javascript placé ici n’affectera que les utilisateurs du site mobile */ | ||
console.log(' | 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 |
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