Autor Zpráva
Argonisius
Profil *
Dobrý den, mám javascript na správné zobrazení "záložek" (po kliknutí se záložka změní a zůstane tak až do dalšího kliknutí).
Můj problém je, že mi tento script funguje všude, kromě firefoxu, což je docela špatné. Nevíte jak na to?

JScript:

function zalozky(x) {
if(x == "prvni") {
prvniactive.style.display = "";
prvni.style.display = "none";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "druhy") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "";
druhy.style.display = "none";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "treti") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "";
treti.style.display = "none";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "ctvrty") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "";
ctvrty.style.display = "none";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "paty") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "";
paty.style.display = "none";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "sesty") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "";
sesty.style.display = "none";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "sedmy") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "";
sedmy.style.display = "none";
osmyactive.style.display = "none";
osmy.style.display = "";
}
if(x == "osmy") {
prvniactive.style.display = "none";
prvni.style.display = "";
druhyactive.style.display = "none";
druhy.style.display = "";
tretiactive.style.display = "none";
treti.style.display = "";
ctvrtyactive.style.display = "none";
ctvrty.style.display = "";
patyactive.style.display = "none";
paty.style.display = "";
sestyactive.style.display = "none";
sesty.style.display = "";
sedmyactive.style.display = "none";
sedmy.style.display = "";
osmyactive.style.display = "";
osmy.style.display = "none";
}
}


kód záložek:

<div id="menu">
<ul>
<div id="prvni" class="normal"><li><a href="uvodni_strana.html" target="iframe" onClick="zalozky('prvni')">Úvod</a></li></div>
<div id="prvniactive" class="active" style="display:none;"><li>Úvod</li></div>
<div id="druhy" class="normal"><li><a href="louka.html" target="iframe" onClick="zalozky('druhy')">Louka</a></li></div>
<div id="druhyactive" class="active" style="display:none;"><li>Louka</li></div>
<div id="treti" class="normal"><li><a href="les.html" target="iframe" onClick="zalozky('treti')">Les</a></li></div>
<div id="tretiactive" class="active" style="display:none;"><li>Les</li></div>
<div id="ctvrty" class="normal"><li><a href="rybnik.html" target="iframe" onClick="zalozky('ctvrty')">Rybník</a></li></div>
<div id="ctvrtyactive" class="active" style="display:none;"><li>Rybník</li></div>
<div id="paty" class="normal"><li><a href="savana.html" target="iframe" onClick="zalozky('paty')">Savana</a></li></div>
<div id="patyactive" class="active" style="display:none;"><li>Savana</li></div>
<div id="sesty" class="normal"><li><a href="pouste.html" target="iframe" onClick="zalozky('sesty')">Pouště</a></li></div>
<div id="sestyactive" class="active" style="display:none;"><li>Pouště</li></div>
<div id="sedmy" class="normal"><li><a href="tropicky_destny_les.html" target="iframe" onClick="zalozky('sedmy')">Tropický deštný les</a></li></div>
<div id="sedmyactive" class="active" style="display:none;"><li>Tropický deštný les</li></div>
<div id="osmy" class="normal"><li><a href="koralove_utesy.html" target="iframe" onClick="zalozky('osmy')">Korálové útesy</a></li></div>
<div id="osmyactive" class="active" style="display:none;"><li>Korálové útesy</li></div>
</ul>
</div>
<iframe src="uvodni_strana.html" class="iframe" name="iframe" frameborder="0"></iframe>


P.S. Funguje to na principu, zobrazování a nezobrazování daného prvku.


Předem díky za pomoc.

Argonisius
Měsíček
Profil
JS neví co to znamená "osmy" .. musíš mu to názorně ukázat document.getElementById("osmy").atd... jinak tento skript je hrůza na entou, ale to doufám víš.
Argonisius
Profil *
No..... jo vim.... navrhneš lepší???
Měsíček
Profil
Ano používat cyklus.
Argonisius
Profil *
No.... nevim co to je, ja tomu nerozumim, mohl bys něco navrhnout? jako konkrétní příklad... Díky.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: