Widget:EMMNavigatorTree: verschil tussen versies

Versie van 13 okt 2017 15:53

Dit is de Widget:EMMNavigatorTree Widget.

@@ Regel 1: / Regel 1: @@
-<noinclude>
+<noinclude>Dit is de Widget:EMMNavigatorTree Widget.</noinclude>
-    Dit is de Widget:EMMNavigatorTree Widget.
-</noinclude>
 <includeonly>
      <div id="emm-navtree" class="demo" style="margin-top:1em;"></div>
      <link rel="stylesheet" type="text/css" href="../extensions/emm-navigation-tree/js/lib/style.css">
-<!--    <script type="text/javascript" src="../extensions/emm-navigation-tree/js/lib/jquery-1.9.1.js"></script>
+<script type="text/javascript">
-    <script src="../extensions/emm-navigation-tree/js/lib/jstree.js" charset="utf-8"></script>-->
+function checkIfReadyAndExecute()
-<!--    <script src="../extensions/emm-navigation-tree/js/lib/jquery.sticky.js"></script>
+{
-      </script>
+var c='<!--{$rootPages}-->';
-  <style>
+var emmNavigationTree=new EMMNavigationTree(mw,
+"<!--{$currentPageName|default:'Pagename niet doorgekregen'}-->",c);
-    #emm-navtree {
+}
-      background: #bada55;
+RLQ.push(function () {
-      color: white;<!--{$rootPages}-->
+mw.loader.using(['ext.EMMNavigationTree',"mediawiki.api"], function() {console.log("module loaded");checkIfReadyAndExecute();});
-      width: 300px;
+});
-      border-radius: 50px;
+</script>
-    }
-  </style>-->
-    <script src="../extensions/emm-navigation-tree/js/Emm-Jstree.js" charset="utf-8"></script>
-    <script type="text/javascript">
-        function checkIfReadyAndExecute()
-        {
-            //$("#results").sticky({topSpacing:0});
-            var c='<!--{$rootPages}-->';
-            console.log("rootPages:",c);
-            var emmNavigationTree=new EMMNavigationTree(
-                "<!--{$currentPageName|default:'Pagename niet doorgekregen'}-->",c);
-        }
-        RLQ.push(function () {
-         console.log("jquery now loaded");
-         //
-         $.getScript("../extensions/emm-navigation-tree/js/lib/jstree.js", function(){
-         $.getScript("../extensions/emm-navigation-tree/js/Emm-Jstree.js", function(){
-         checkIfReadyAndExecute();
-         });
-         });
-         });
-        //checkIfReadyAndExecute();
-    </script>
 </includeonly>