Monchoman45

Subnavs

Apr 2nd, 2011
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function Submenus() {
  2.     var navigation = $('#WikiHeader nav ul').html();
  3.     $('#WikiaRail').after('<div id="Navigation" style="position:absolute; z-index: 999; left: 1005px; background-color: white; width: 120px; padding: 5px;"><ul id="Wiki-navigation">' + navigation + '</ul></div>');
  4.  
  5.     window.subnavarr = [];
  6.     for(var i = 0; i < document.getElementById('Wiki-navigation').getElementsByTagName('li').length; i++) {
  7.         var ul = document.getElementById('Wiki-navigation').getElementsByTagName('li')[i].getElementsByTagName('ul')[0];
  8.         if(ul) {
  9.             if(ul.className == 'subnav') {window.subnavarr.push(ul);}
  10.         }
  11.     }
  12.  
  13.     for(i in window.subnavarr) {
  14.         var subnav = window.subnavarr[i];
  15.         var li = subnav.parentElement;
  16.         var arrow = document.createElement('span');
  17.         arrow.innerHTML = '&laquo;&nbsp;';
  18.         arrow.className = 'subnavmarker';
  19.         subnav.className = 'subnav HideThis';
  20.         li.getElementsByTagName('a')[0].insertBefore(arrow, li.getElementsByTagName('a')[0].firstChild);
  21.         li.onmouseover = function(i) {window['timesubnav' + i] = setTimeout('ShowMenu(' + i + ')', 200);}
  22.         li.onmouseout = 'clearTimeout(window.timesubnav' + i + ');';
  23.     }
  24. }
  25. function ShowMenu(index) {
  26.     for(i in window.subnavarr) {
  27.         if(i == index) {
  28.             window.subnavarr[i].className = 'subnav ShowThis';
  29.             window.subnavarr[i].parentElement.onmouseover = 'clearTimeout(window.timesubnav' + i + ');';
  30.             window.subnavarr[i].parentElement.onmouseout = 'window.timesubnav' + i + ' = setTimeout(\'HideMenu(' + i + ')\', 300);';
  31.         }
  32.     }
  33. }
  34. function HideMenu(index) {
  35.     for(i in window.subnavarr) {
  36.         if(i == index) {
  37.             window.subnavarr[i].className = 'subnav HideThis';
  38.             window.subnavarr[i].parentElement.onmouseover = 'window.timesubnav' + i + ' = setTimeout(\'ShowMenu(' + i + ')\', 200);'
  39.             window.subnavarr[i].parentElement.onmouseout = 'clearTimeout(window.timesubnav' + i + ');';
  40.         }
  41.     }
  42. }
Advertisement
Add Comment
Please, Sign In to add comment