4 svar · 229 visningar · startad av Jacek
Tjao..
jag håller på att göra en sida där jag använder mig av 5st layers.. men jag vill inte visa alla layers samtidigt.. utan jag har 5 länkar och varje länk pekar till varsin layers.. så om man trycker på Länk 1 så visas Layer 1 och om man trycker på Länk 2 så skall Layer 2 visas.. men det kan ändast visas högst 1 layer..!! vet inte om ni fattar men detta är det bästa som jag kan förklara!!
/jacek
------------------
<!------------------%
Mikael Tyrsen |
m.tyrsen@telia.com |
<!------------------%
Vet inte om jag förstod rätt men om jag gjorde det så kan du göra en funktion som ser ut så här:
function byt(layer){
document.all.layer1.visibility="hidden";
document.all.layer2.visibility="hidden";
document.all.layer3.visibility="hidden";
// tror du fattar....
document.all[layer].visibility="visible";
}
Sen anropar du bara funktionen vid onClick och skickar med lagernamnet i funktionen som argument...
Detta funkar bara i IE, för NS måste man skriva om lite.. :(
//M@rtin
Om man redigerar m@rtins kod så att det passar även NS:
function byt(layer){
document.all.layer1.visibility="hidden";
document.all.layer2.visibility="hidden";
document.all.layer3.visibility="hidden";
// tror du fattar....
if(document.layers)
document.layers[layer].visibility='show';
else
document.all[layer].style.visibility='visible';
}
------------------
---Jippi!---
-PeW-
[Redigerat av PeW den 31 jul 2000]
[Redigerat av PeW den 31 jul 2000]
Jag kan asså inge java över huvudtaget så jag skulle vara tacksam om ni visa er lite tydligare...!!
//jacek
Okej, det ska jag göra...
Kom ändå på att jag missat att skriva style i min kod :(
<html>
<script language="javascript">
<!--
function byt(layer){
document.all.lager1.style.visibility="hidden";
document.all.lager2.style.visibility="hidden";
document.all.lager3.style.visibility="hidden";
// tror du fattar....
if(document.layers)
document.layers[layer].visibility='show';
else
document.all[layer].style.visibility='visible';
}
// -->
</script>
<head>
</head>
<body>
<a href="javascript: byt('lager1')">Visa lager 1</a>
<a href="javascript: byt('lager2')">Visa lager 2</a>
<a href="javascript: byt('lager3')">Visa lager 3</a>
<div id="lager1" style="visibility: visible;">
Detta är lager 1....
</div>
<div id="lager2" style="visibility: hidden;">
Detta är lager 2....
</div>
<div id="lager3" style="visibility: hidden;">
Detta är lager 3....
</div>
</body>
</html>
Tror att detta funkar.. fast du får ju så klart räta till layouten o fylla lagren med din text...
//M@rtin