Difference between revisions of "Template:Shanghaitech/js"

m (fix typo)
m (global match)
Line 1: Line 1:
−
<html><script>
 
−
 
 
function createEmptySidenav() {
 
function createEmptySidenav() {
 
     $('<div id="mySidenav" class="sidenav shown"><a href="javascript:void(0)" id="hide-botton" onclick="closeNav()"><span id="hide-botton-icon">&gt;</span></a></div>').appendTo('#mw-content-text');
 
     $('<div id="mySidenav" class="sidenav shown"><a href="javascript:void(0)" id="hide-botton" onclick="closeNav()"><span id="hide-botton-icon">&gt;</span></a></div>').appendTo('#mw-content-text');
Line 9: Line 7:
 
     for (var i = 0; i < titles.length; i++) {
 
     for (var i = 0; i < titles.length; i++) {
 
         title = titles[i];
 
         title = titles[i];
−
         title.id = title.innerHTML.replace(' ', '-');
+
         title.id = title.innerHTML.replace(/\ /g, '-');
 
         createSidenavElement(title);
 
         createSidenavElement(title);
 
     }
 
     }
Line 23: Line 21:
 
     parseContentTitles();
 
     parseContentTitles();
 
}
 
}
−
 
−
</script></html>
 

Revision as of 10:15, 29 October 2017

function createEmptySidenav() {

$('
<a href="javascript:void(0)" id="hide-botton" onclick="closeNav()">></a>
').appendTo('#mw-content-text');

}

function parseContentTitles() { 

   titles = document.getElementById("content-block").getElementsByTagName('h2');
   for (var i = 0; i < titles.length; i++) {
       title = titles[i];
       title.id = title.innerHTML.replace(/\ /g, '-');
       createSidenavElement(title);
   }

}

function createSidenavElement(title) { 

   elementHTML = '<a href="#%id">%title</a>'.replace("%title", title.innerHTML).replace("%id", title.id);
   $(elementHTML).appendTo("mySidenav");

}

function createSidenav(){ 

   createEmptySidenav();
   parseContentTitles();

}