Forum PHP.pl > [JavaScript] Firefox, replace i zmiana nazwy klasy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Firefox, replace i zmiana nazwy klasy

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

Sky_walker

28.09.2009, 12:38:25

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

k_@_m_i_l

28.09.2009, 13:42:32

Odpowiedź

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

Sky_walker

28.09.2009, 13:45:30

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.