MediaWiki:Mobile.js: Difference between revisions
From The Joe Frank Wiki
m mobile menu |
m mobile menu |
||
Line 12: | Line 12: | ||
'<ul class="level1"> \ | '<ul class="level1"> \ | ||
<li> \ | <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> \ | |||
</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> \ | </a> \ | ||
</li> \ | </li> \ | ||
<li> \ | <li> \ | ||
<a href=" | <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> | <span>Random Music</span> \ | ||
</a> \ | </a> \ | ||
</li> \ | </li> \ |
Revision as of 08:46, 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