MediaWiki:Common.js: verschil tussen versies

Versie van 6 jun 2022 17:33

/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */

var timer = setInterval(buildMenu, 50);

function buildMenu() {
	if ($('.menu ul:first').length) {
       clearInterval(timer);
       
       $('.menu ul:first').after(
            '<ul> \
                <li> \
                    <a href="/wiki/Second_Link" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                        <span>Second Link</span> \
                    </a> \
                </li> \
            </ul>'
        );
    }
}

@@ Regel 1: / Regel 1: @@
 /* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */
- var timer = setInterval(function() {
+var timer = setInterval(buildMenu, 50);
-       if ($('.menu ul:first').length) {
-           console.log("mobile menu exists");
+function buildMenu() {
-           clearInterval(timer);
+	if ($('.menu ul:first').length) {
-           $('.menu ul:first').after(
+       clearInterval(timer);
-                 '<ul class="level1"> \
-                      <li> \
+       $('.menu ul:first').after(
-                      <a href="#" \
+            '<ul> \
-                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
+                <li> \
-                      <span>Dropdown Links</span> \
+                    <a href="/wiki/Second_Link" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
-                      </a> \
+                        <span>Second Link</span> \
-                      </li> \
+                    </a> \
-                      <ul class ="level2"> \
+                </li> \
-                           <li> \
+            </ul>'
-                           <a href="/wiki/Link_1" \
+        );
-                                 class="mw-ui-icon mw-ui-icon-before"> \
+    }
-                           <span>Link 1</span> \
+}
-                           </a> \
-                           </li> \
-                           <li> \
-                           <a href="/wiki/Link_2" \
-                                 class="mw-ui-icon mw-ui-icon-before"> \
-                           <span>Link 2</span> \
-                           </a> \
-                           </li> \
-                           <li> \
-                           <a href="/wiki/Link_3" \
-                                 class="mw-ui-icon mw-ui-icon-before"> \
-                           <span>Link 3</span> \
-                           </a> \
-                           </li> \
-                      </ul> \
-                 </ul> \
-                 <ul> \
-                      <li> \
-                      <a href="/wiki/Second_Link" \
-                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
-                      <span>Second Link</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