Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Firefox, replace i zmiana nazwy klasy, czyli temat z serii "a w IE działa!" ;)
Sky_walker
post
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 
  1.  
  2. <head>
  3.  
  4. <script type="text/javascript">
  5. sfHover = function() {
  6. 	var sfEls = document.getElementById("navbar").getElementsByTagName("li");
  7. 	for (var i=0; i<sfEls.length; i++) {
  8. 		sfEls[i].onmouseover=function() {
  9.                         this.className=this.className.replace('unselected','DISunselected');
  10. 		}
  11. 		sfEls[i].onmouseout=function() {
  12.                         this.className=this.className.replace('DISunselected','unselected');
  13. 		}
  14. 	}
  15. }
  16. if (window.attachEvent) window.attachEvent("onload", sfHover);
  17. </script>
  18.  
  19.       </head>
  20.     <body>
  21.  
  22.             <ul id="navbar">
  23. 		<!-- The strange spacing herein prevents an IE6 whitespace bug. -->
  24. 			<li class="pozycja1" style="width: 186px;"><a href="#"><span><em>Pozycja1</em></span></a>
  25.                                 <ul class="selected">
  26. 				<li><a href="#">Subpozycja1</a></li>
  27.                                 <li><a href="#">Subpozycja2</a></li>
  28.                                 <li><a href="#">Subpozycja3</a></li>
  29.                                 <li><a href="#">Subpozycja4</a></li>
  30.                                 <li><a href="#">Subpozycja5</a></li>
  31.                                 </ul>
  32. 			</li>
  33. 			<li class="pozycja2 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja2</em></span></a>
  34. 			</li>
  35. 			<li class="pozycja3 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja3</em></span></a>
  36. 			</li>
  37. 			<li class="pozycja4 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja4</em></span></a>
  38. 			</li>
  39. 			<li class="pozycja5 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja5</em></span></a>
  40. 			</li>
  41.             </ul>
  42.  
  43. </body>
  44.  
[HTML] pobierz, plaintext


--------------------
Pomogłem? Kliknij poniżej.
Dzięki! :D
Go to the top of the page
+Quote Post
k_@_m_i_l
post
Post #2





Grupa: Zarejestrowani
Postów: 349
Pomógł: 72
Dołączył: 22.01.2008
Skąd: Wadowice/Oświęcim

Ostrzeżenie: (0%)
-----

Odpowiedź smile.gif

W pierwszym linku już masz odpowiedź, wystarczyło poszukać smile.gif


--------------------
"PHP to człowiek. MySQL to również człowiek."
Go to the top of the page
+Quote Post
Sky_walker
post
Post #3





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

Ostrzeżenie: (0%)
-----

wow... o tym nie pomyślałem. Wielkie dzięki! biggrin.gif


--------------------
Pomogłem? Kliknij poniżej.
Dzięki! :D
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 19:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn