Rate this script:  I Love it  /   I Hate it

Dynamic Page Indexes


Code

pageIndex.js

function pageIndex() {
  var els=document.getElementsByTagName('h4');
  if (!els.length) {
    document.getElementById('indexDiv').style.display='none';
  } else {
    var idx='';
    for (i=0; i<els.length; i++) {
      idx += '<a href="#quickIDX'+i+'">'+els[i].innerHTML+'</a><BR>';
      els[i].innerHTML='<a name="quickIDX'+i+'"></a>'+els[i].innerHTML;
    }
    document.getElementById('indexContents').innerHTML=idx;
  }
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  pageIndex();
});
 

 

 
Dynamic Page Indexes scripts | Dynamic Page Indexes snippet | Dynamic Page Indexes example | Dynamic Page Indexes tutorial | Dynamic Page Indexes code