[JavaScript] Firefox, replace i zmiana nazwy klasy

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

[JavaScript] Firefox, replace i zmiana nazwy klasy, czyli temat z serii "a w IE działa!" ;)

Sky_walker Zobacz profil	28.09.2009, 12:38:25 Post #1
Grupa: Zarejestrowani Postów: 214 Pomógł: 23 Dołączył: 26.09.2005 Ostrzeżenie: (0%)	Próbuje stworzyć menu w HTMLu/CSSie i JS, ale natknąłem się na problem którego nie mogę przeskoczyć :/ Javascript poniżej bierze wszystkie li z listy i: - po najechaniu ma zastępować nazwę klasy unselected na DISunselected - po zjechaniu ponownie ma wymienić klase DISunselected na unselected I... niestety ale w FF za nic nie chce działać :/ Za to w IE wszystko gra... Bardzo bym prosił o sugestie co jest źle. [HTML] pobierz, plaintext <head> <script type="text/javascript"> sfHover = function() { var sfEls = document.getElementById("navbar").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className=this.className.replace('unselected','DISunselected'); } sfEls[i].onmouseout=function() { this.className=this.className.replace('DISunselected','unselected'); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script> </head> <body> <ul id="navbar"> <!-- The strange spacing herein prevents an IE6 whitespace bug. --> <li class="pozycja1" style="width: 186px;"><a href="#"><span><em>Pozycja1</em></span></a> <ul class="selected"> <li><a href="#">Subpozycja1</a></li> <li><a href="#">Subpozycja2</a></li> <li><a href="#">Subpozycja3</a></li> <li><a href="#">Subpozycja4</a></li> <li><a href="#">Subpozycja5</a></li> </ul> </li> <li class="pozycja2 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja2</em></span></a> </li> <li class="pozycja3 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja3</em></span></a> </li> <li class="pozycja4 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja4</em></span></a> </li> <li class="pozycja5 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja5</em></span></a> </li> </ul> </body> [HTML] pobierz, plaintext -------------------- Pomogłem? Kliknij poniżej. Dzięki! :D