Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
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ź (IMG:style_emoticons/default/smile.gif)

W pierwszym linku już masz odpowiedź, wystarczyło poszukać (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- Sky_walker   [JavaScript] Firefox, replace i zmiana nazwy klasy   28.09.2009, 12:38:25
- - k_@_m_i_l   Odpowiedź W pierwszym linku już masz odpowiedź,...   28.09.2009, 13:42:32
- - Sky_walker   wow... o tym nie pomyślałem. Wielkie dzięki!   28.09.2009, 13:45:30

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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