MediaWiki:Mobile.js: Unterschied zwischen den Versionen

Aus ConanWiki
Zur Navigation springen Zur Suche springen
Inhalt hinzugefügt Inhalt gelöscht
K (~Spoiler)
(Klappbares Menü „Beliebte Artikel“ hinzugefügt)
Zeile 1: Zeile 1:
 
/* Das folgende JavaScript wird für alle Nutzer der mobilen Ansicht geladen. */
 
/* Das folgende JavaScript wird für alle Nutzer der mobilen Ansicht geladen. */
  +
/* Das JavaScript hier wird für die Benutzer der mobilen Website geladen. */
  +
/* Weitere Menüs für MobileFrontend & MinervaNeue (Mobile Ansicht) */
  +
  +
var timer = setInterval(function() {
  +
if ($('.menu ul:first').length) {
  +
console.log("mobile menu exists");
  +
clearInterval(timer);
  +
$('.menu ul:first').after(
  +
'<ul class="level1"> \
  +
<li> \
  +
<a href="#" \
  +
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-listBullet"> \
  +
<span>Beliebte Artikel</span> \
  +
</a> \
  +
</li> \
  +
<ul class ="level2"> \
  +
<li> \
  +
<a href="/wiki/Hauptcharaktere" \
  +
class="mw-ui-icon mw-ui-icon-before"> \
  +
<span>Hauptcharaktere</span> \
  +
</a> \
  +
</li> \
  +
<li> \
  +
<a href="/wiki/Liste_der_Fälle" \
  +
class="mw-ui-icon mw-ui-icon-before"> \
  +
<span>Liste der Fälle</span> \
  +
</a> \
  +
</li> \
  +
<li> \
  +
<a href="/wiki/Liste_der_Manga-Bände" \
  +
class="mw-ui-icon mw-ui-icon-before"> \
  +
<span>Liste der Kapitel</span> \
  +
</a> \
  +
</li> \
  +
<li> \
  +
<a href="/wiki/Liste_der_Anime-Episoden" \
  +
class="mw-ui-icon mw-ui-icon-before"> \
  +
<span>Liste der Episoden</span> \
  +
</a> \
  +
</li> \
  +
<li> \
  +
<a href="/wiki/Liste_der_Filme" \
  +
class="mw-ui-icon mw-ui-icon-before"> \
  +
<span>Liste der Filme</span> \
  +
</a> \
  +
</li> \
  +
</ul> \
  +
</ul>'
  +
);
  +
$(".menu").find(".level2").hide();
  +
$(".level1").click(function(event){
  +
$(this).find(".level2").slideToggle(250);
  +
});
  +
}
  +
}, 100);

Version vom 5. September 2021, 08:14 Uhr

/* Das folgende JavaScript wird für alle Nutzer der mobilen Ansicht geladen. */
/* Das JavaScript hier wird für die Benutzer der mobilen Website geladen. */
  /* Weitere Menüs für MobileFrontend & MinervaNeue (Mobile Ansicht) */
   
  var timer = setInterval(function() {
       if ($('.menu ul:first').length) {
           console.log("mobile menu exists");
           clearInterval(timer);
           $('.menu ul:first').after(
                 '<ul class="level1"> \
                      <li> \
                      <a href="#" \
                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-listBullet"> \
                      <span>Beliebte Artikel</span> \
                      </a> \
                      </li> \
                      <ul class ="level2"> \
                           <li> \
                           <a href="/wiki/Hauptcharaktere" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Hauptcharaktere</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Liste_der_Fälle" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Liste der Fälle</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Liste_der_Manga-Bände" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Liste der Kapitel</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Liste_der_Anime-Episoden" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Liste der Episoden</span> \
                           </a> \
                           </li> \
                           <li> \
                           <a href="/wiki/Liste_der_Filme" \
                                 class="mw-ui-icon mw-ui-icon-before"> \
                           <span>Liste der Filme</span> \
                           </a> \
                           </li> \
                      </ul> \
                 </ul>'
            );
            $(".menu").find(".level2").hide();
            $(".level1").click(function(event){ 
                 $(this).find(".level2").slideToggle(250);
            });
       }
  }, 100);