[js]suckerfish dropdown werkt niet door stuk javascript

[Rowanov]

Ik wist zo snel geen correcte en korte titel te bedenken, maar dit omschrijft wel het probleem. Ik heb de navigatie op mijn site gemaakt volgens het artikel van A list Apart. Deze hide de divs die de content bevatten en unhide ze als je op de betreffende menu link klikt. Nu probeerde ik dit zelfde menu ook een suckerfish dropdown te maken. Daarvoor heb je om het in IE werkend te krijgen een stukje Javascript nodig, wat ik in dit geval boven het stukje javascript voor het hiden en unhiden van divs heb gezet. Ter verduidelijking:

code:

<script language="JavaScript" type="text/javascript">
startList = function() {
    if (document.all&&document.getElementById) {
        navRoot = document.getElementById("nav");
        for (i=0; i<navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
            if (node.nodeName=="LI") {
                node.onmouseover=function() {
                    this.className+=" over";
                }
                node.onmouseout=function() {
                    this.className=this.className.replace(" over", "");
                }
            }
        }
    }
}
window.onload=startList;
</script>

Dit stuk code, met daaronder de code voor het hiden en unhiden van divs

code:

<script language="JavaScript" type="text/javascript">
window.onload = new function() {
    for ( a in document.links )
        document.links[a].hidefocus = "true"
}
</script>
<script language="JavaScript" type="text/javascript">
  function hideDivs(exempt)
  {
    if (!document.getElementsByTagName) {
      return null;
    }
    if (!exempt) exempt = "";
    var divs =
      document.getElementsByTagName("div");
    for(var i=0; i < divs.length; i++)
    {
      var div = divs[i];
      var id = div.id;
      if ((id != "header") &&
          (id != "footer") &&
          (id != exempt))
      {
        div.style.display = "none";
      }
    }
  }

  function fixLinks()
  {
    if (!document.getElementsByTagName) {
      return null;
    }
    var anchors =
      document.getElementsByTagName("a");
    for(var i=0; i < anchors.length; i++)
    {
      var a = anchors[i];
      var href = a.href;
      if ((href.indexOf("#") != -1) &&
          (href.indexOf("header") == -1))
      {
        var index = href.indexOf("#") + 1;
        href = "javascript:show('" +
          href.substring(index) + "');";
        a.setAttribute("href",href);
      }
    }
  }
  
  function show(what)
  {
    if (!document.getElementById) {
      return null;
    }
    showWhat =
      document.getElementById(what);
    showWhat.style.display = "block";
    hideDivs(what);
  }
  
  window.onload = function()
  {
    hideDivs("intro");
    fixLinks();
  }
</script>

Op de een of andere manier werkt het javascript van de dropdown NIET in IE als die andere scriptjes er onder staan. Als ik ze weg haal doet hij het wel, maar doet de rest van de pagina niet meer wat het hoort te doen. Link naar testadres: http://home.planet.nl/~knuls014/test/test.html

Ik heb btw de search gebruikt maar kon er niets ver vinden, wat overigens ook aan mij kan liggen.

[BtM909]

Kan je wel 2 keer een window.onload definieren (zonder de eerste te overschrijven)

edit:
↓ Ik dacht dat je ziek was ofzo

[ Voor 23% gewijzigd door BtM909 op 24-10-2004 21:38 ]

[André]

Je overschrijft de window.onload in je laatste functie, daardoor wordt de startList() functie niet aangeroepen.

edit:
Eeeeej , altijd eerst mij laten reageren

[ Voor 20% gewijzigd door André op 24-10-2004 21:36 ]

[Rowanov]

edit:

Maar waarom doet hij het in Firefox dan wel? Hm, hoe kan ik die laatste op een andere manier defineren? Kan dat gewoon door hem in de body tag in een onload te schoppen?

[ Voor 90% gewijzigd door Rowanov op 24-10-2004 21:39 ]

[André]

Rowanov schreef op 24 oktober 2004 @ 21:36:

edit:

Maar waarom doet hij het in Firefox dan wel? Hm, hoe kan ik die laatste op een andere manier defineren? Kan dat gewoon door hem in de body tag in een onload te schoppen?

Firefox werkt met CSS only, IE is er JS bij nodig

[Rowanov]

Ik spoel mijn mond met zeep Goed, dus alles tussen 2 script tags zetten en de onload van de eerste functie aan die van de tweede toevoegen neem ik aan?

[André]

Ja, zo dus:

code:

window.onload = function()
{
  hideDivs("intro");
  fixLinks();
  startList();
}

edit:
GMTA

[ Voor 21% gewijzigd door André op 24-10-2004 21:52 ]

[Rowanov]

Zo heb ik het opgelost dankzij BtM909 en André (in willekeurige volgorde )
De bovenste functie anders gecreerd en de window.onload ziet er nu zo uit:

code:

  window.onload = function()
  {
    hideDivs("intro");
    fixLinks();
    startList();
  }

edit:

[ Voor 7% gewijzigd door Rowanov op 24-10-2004 21:52 ]