webForumDet fria alternativet

Byta layers!!

4 svar · 227 visningar · startad av Jacek

JacekMedlem sedan apr. 2000173 inlägg
#1

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 |
<!------------------%

M@rtinMedlem sedan dec. 19991 214 inlägg
#2

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

PeWMedlem sedan juni 20006 839 inlägg
#3

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]

JacekMedlem sedan apr. 2000173 inlägg
#4

Jag kan asså inge java över huvudtaget så jag skulle vara tacksam om ni visa er lite tydligare...!!

//jacek

M@rtinMedlem sedan dec. 19991 214 inlägg
#5

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

Genererad på 381 ms · cache AV · v20260730165559-full.f96bc7eb