MediaWiki:Mobile.js: Difference between revisions
From The Joe Frank Wiki
m mobile menu |
m mobile menu |
||
Line 11: | Line 11: | ||
$('.menu ul:first').after( | $('.menu ul:first').after( | ||
'<ul class="level1"> \ | '<ul class="level1"> \ | ||
<li> \ | |||
<a href="index.php?title=The_Joe_Frank_Music_Page" | <a href="index.php?title=The_Joe_Frank_Music_Page" \ | ||
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | ||
<span>The Joe Frank Music Page</span> \ | <span>The Joe Frank Music Page</span> \ | ||
</a> \ | </a> \ | ||
</li> \ | </li> \ | ||
<li> \ | |||
<a href="index.php?title=Special:RandomInCategory/Show" | <a href="index.php?title=Special:RandomInCategory/Show" \ | ||
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | ||
<span>Random Show</span> \ | <span>Random Show</span> \ | ||
Line 24: | Line 24: | ||
</li> \ | </li> \ | ||
<li> \ | <li> \ | ||
<a href="rmusic.php" | <a href="rmusic.php" \ | ||
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | ||
<span>Random Music</span> \ | <span>Random Music</span> \ | ||
</a> \ | </a> \ | ||
</li> \ | </li> \ | ||
</ul>' | </ul>' | ||
); | ); |
Revision as of 08:48, 11 June 2023
/* All JavaScript here will be loaded for users of the mobile site */ /* Add to MediaWiki:Mobile.js for custom Mobile Menu links for MW-1.34.2 with MobileFrontend and MinervaNeue Just replace span text and href to add links */ 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="index.php?title=The_Joe_Frank_Music_Page" \ class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ <span>The Joe Frank Music Page</span> \ </a> \ </li> \ <li> \ <a href="index.php?title=Special:RandomInCategory/Show" \ class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ <span>Random Show</span> \ </a> \ </li> \ <li> \ <a href="rmusic.php" \ class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ <span>Random Music</span> \ </a> \ </li> \ </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