MediaWiki:Mobile.js: Unterschied zwischen den Versionen

Aus ConanWiki
Zur Navigation springen Zur Suche springen
Inhalt hinzugefügt Inhalt gelöscht
(Mobiler Menü-Fix)
(Anpassungen für neues MW)
 
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) */
+
/* Weitere Menüs für MobileFrontend & MinervaNeue (Mobile Ansicht) */
  +
$(document).ready(function() {
 
 
$('.menu ul:first').after(
var timer = setInterval(function() {
 
  +
'<ul class="toggle-list__list"> \
if ($('.menu ul:first').length) {
 
  +
<li class="toggle-list-item"> \
console.log("mobile menu exists");
 
  +
<a class="toggle-list-item__anchor" href="#"> \
clearInterval(timer);
 
  +
<span class="minerva-icon minerva-icon--listBullet"></span> \
$('.menu ul:first').after(
 
  +
<span class="toggle-list-item__label">Beliebte Artikel</span> \
'<ul class="level1"> \
 
  +
</a> \
<li> \
 
  +
</li> \
<a href="#" \
 
  +
<li class="toggle-list-item"> \
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-listBullet"> \
 
  +
<a class="toggle-list-item__anchor" href="/wiki/Hauptcharaktere"> \
<span>Beliebte Artikel</span> \
 
  +
<span class="minerva-icon"></span> \
</a> \
 
  +
<span class="toggle-list-item__label">Hauptcharaktere</span> \
</li> \
 
  +
</a> \
<ul class ="level2"> \
 
  +
</li> \
<li> \
 
  +
<li class="toggle-list-item"> \
<a href="/wiki/Hauptcharaktere" \
 
  +
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Fälle"> \
class="mw-ui-icon mw-ui-icon-before"> \
 
  +
<span class="minerva-icon"></span> \
<span>Hauptcharaktere</span> \
 
  +
<span class="toggle-list-item__label">Liste der Fälle</span> \
</a> \
 
  +
</a> \
</li> \
 
  +
</li> \
<li> \
 
  +
<li class="toggle-list-item"> \
<a href="/wiki/Liste_der_Fälle" \
 
  +
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Manga-Bände"> \
class="mw-ui-icon mw-ui-icon-before"> \
 
  +
<span class="minerva-icon"></span> \
<span>Liste der Fälle</span> \
 
  +
<span class="toggle-list-item__label">Liste der Kapitel</span> \
</a> \
 
  +
</a> \
</li> \
 
  +
</li> \
<li> \
 
  +
<li class="toggle-list-item"> \
<a href="/wiki/Liste_der_Manga-Bände" \
 
 
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Anime-Episoden"> \
class="mw-ui-icon mw-ui-icon-before"> \
 
  +
<span class="minerva-icon"></span> \
<span>Liste der Kapitel</span> \
 
  +
<span class="toggle-list-item__label">Liste der Episoden</span> \
</a> \
 
  +
</a> \
</li> \
 
  +
</li> \
<li> \
 
  +
<li class="toggle-list-item"> \
<a href="/wiki/Liste_der_Anime-Episoden" \
 
  +
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Filme"> \
class="mw-ui-icon mw-ui-icon-before"> \
 
  +
<span class="minerva-icon"></span> \
<span>Liste der Episoden</span> \
 
  +
<span class="toggle-list-item__label">Liste der Filme</span> \
</a> \
 
  +
</a> \
</li> \
 
  +
</li> \
<li> \
 
  +
</ul>'
<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);
 
event.stopPropagation();
 
});
 
}
 
}, 100);
 

Aktuelle Version vom 6. August 2024, 22:52 Uhr

/* Das folgende JavaScript wird für alle Nutzer der mobilen Ansicht geladen. */

/* Weitere Menüs für MobileFrontend & MinervaNeue (Mobile Ansicht) */
$(document).ready(function() {
$('.menu ul:first').after(
'<ul class="toggle-list__list"> \
<li class="toggle-list-item"> \
<a class="toggle-list-item__anchor" href="#"> \
<span class="minerva-icon minerva-icon--listBullet"></span> \
<span class="toggle-list-item__label">Beliebte Artikel</span> \
</a> \
</li> \
<li class="toggle-list-item"> \
<a class="toggle-list-item__anchor" href="/wiki/Hauptcharaktere"> \
<span class="minerva-icon"></span> \
<span class="toggle-list-item__label">Hauptcharaktere</span> \
</a> \
</li> \
<li class="toggle-list-item"> \
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Fälle"> \
<span class="minerva-icon"></span> \
<span class="toggle-list-item__label">Liste der Fälle</span> \
</a> \
</li> \
<li class="toggle-list-item"> \
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Manga-Bände"> \
<span class="minerva-icon"></span> \
<span class="toggle-list-item__label">Liste der Kapitel</span> \
</a> \
</li> \
<li class="toggle-list-item"> \
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Anime-Episoden"> \
<span class="minerva-icon"></span> \
<span class="toggle-list-item__label">Liste der Episoden</span> \
</a> \
</li> \
<li class="toggle-list-item"> \
<a class="toggle-list-item__anchor" href="/wiki/Liste_der_Filme"> \
<span class="minerva-icon"></span> \
<span class="toggle-list-item__label">Liste der Filme</span> \
</a> \
</li> \
</ul>'
);
});