Avatar billede Slettet bruger
15. juli 2008 - 08:29 Der er 4 kommentarer og
1 løsning

Tilretning af Suckerfish javascript til dropdown menu

Hej

Jeg har lavet en dropdown-menu på denne testside:
http://b91.tkdc.dk

Desværre virker menuen ikke i IE6, men efter søgen på nettet faldt jeg over et javascript fra Suckerfish.

Er der nogen der kan hjælpe mig med at få den til at virke på min menu:

java script:
<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

Menu:
<div id="dropmenu">
  <ul>
    <li class="top">KLUBBEN</li>
    <li class="item"><a href="/sider/klubben.php?show=profil">Profil</a></li>
    <li class="item"><a href="/sider/klubben.php?show=vedtaegter">Vedtægter</a></li>
    <li class="item"><a href="/sider/klubben.php?show=boedekasse">Bødekasse</a></li>
  </ul>

  <ul>
    <li class="top"><span class="toplinks"><a href="/sider/forum.php">FORUM</a></span></li>
  </ul>

  <ul>
    <li class="top">SPILLERE</li>
    <li class="item"><a href="/sider/spillere.php?show=spillerinfo">Spillerinfo</a></li>
  </ul>

  <ul>
    <li class="top"><span class="toplinks"><a href="/sider/kampe.php">KAMPE</a></span></li>
  </ul>

  <ul>
    <li class="top">STATISTIK</li>
    <li class="item"><a href="/sider/statistik.php?show=dennesaeson">Denne sæson</a></li>
    <li class="item"><a href="/sider/statistik.php?show=alltimehigh">All time high</a></li>
  </ul>

  <ul>
    <li class="top">ARKIV</li>
    <li class="item"><a href="/sider/arkiv.php?show=kampreferater">Kampreferater</a></li>
  </ul>
</div>
Avatar billede olebole Juniormester
15. juli 2008 - 13:19 #1
<ole>

Det er somregel dårligere performende at skifte CSS-klasse på elementer - fremfor at skifte elementernes enkelte style properties. Det bør du nok gøre i stedet. Derudover forstår jeg ikke dine escaping'er i script-blokken.

Desværre synes der fortiden at køre en trend, hvor forfattere af JavaScript-libraries gør sig vældige anstrengelser for at bruge så gammel, invalid og uhensigtsmæssig kode, som muligt. Det gælder desværre også Lightbox  :o|

/mvh
</bole>
Avatar billede Slettet bruger
16. juli 2008 - 15:37 #2
Mit forsøg på at bruge ovenstående javascript, er netop et forsøg på at få menuen til at virke i IE6. Om det sker på den ene eller anden måde har jeg ikke noget forhold til, men vil da selvfølgelig helst bruge den mest korrekte løsning.

Kan du hjælpe mig på sporet?
Avatar billede olebole Juniormester
16. juli 2008 - 18:02 #3
Udover, at du mangler noget CSS fra suckerfish-menuen, så kan løsningen ikke bruges på den menu, du anvender. Prøv en søgning à la:
    http://www.google.dk/search?hl=da&q=horizontal+list+menu+css+javascript&meta=

- der er oceaner af løsninger, som virker cross browser  ;o)
Avatar billede Slettet bruger
16. juli 2008 - 22:26 #4
Kan godt se der er masser af løsninger, men kan ikke se hvad der skidt og hvad der er kanel.

Er det ikke muligt at lave et javascript der kan få min menu til at virke i IE6?

Menuen i sig selv er ret simpel:
<div id="dropmenu">
  <ul>
    <li class="top">KLUBBEN</li>
    <li class="item"><a href="/sider/klubben.php?show=profil">Profil</a></li>
    <li class="item"><a href="/sider/klubben.php?show=vedtaegter">Vedtægter</a></li>
    <li class="item"><a href="/sider/klubben.php?show=boedekasse">Bødekasse</a></li>
  </ul>

  <ul>
    <li class="top"><span class="toplinks"><a href="/sider/forum.php">FORUM</a></span></li>
  </ul>

  <ul>
    <li class="top">SPILLERE</li>
    <li class="item"><a href="/sider/spillere.php?show=spillerinfo">Spillerinfo</a></li>
  </ul>

  <ul>
    <li class="top"><span class="toplinks"><a href="/sider/kampe.php">KAMPE</a></span></li>
  </ul>

  <ul>
    <li class="top">STATISTIK</li>
    <li class="item"><a href="/sider/statistik.php?show=dennesaeson">Denne sæson</a></li>
    <li class="item"><a href="/sider/statistik.php?show=alltimehigh">All time high</a></li>
  </ul>

  <ul>
    <li class="top">ARKIV</li>
    <li class="item"><a href="/sider/arkiv.php?show=kampreferater">Kampreferater</a></li>
  </ul>
</div>
Avatar billede Slettet bruger
04. august 2008 - 11:26 #5
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester