Visa dölj lager i mozilla...

5 svar · 362 visningar · startad av Cactuz 4 okt. 2002

CactuzMedlem sedan okt. 2001670 inlägg

Trådstart4 okt. 2002 21:59#1

function visa(layer) {
if(layer.style.display=='none'){
	layer.style.display=''
} else {
	layer.style.display='none'
}
}

-

<DIV id="menu" style="display: none; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu...</div>

-

<A href="#" onclick="visa(menu)">visa</a>

Funkar inte i mozilla.. men i IE

JojoxxMedlem sedan juni 20004 308 inlägg

4 okt. 2002 22:14#2

Det är för att IE är så mycket mer förlåtande för felaktig kod

<script language="JavaScript" type="text/javascript">
function visa(layer) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
	} else {
		layer.style.visibility='hidden';
	}
}
</script>
<DIV id="menu" style="visibility: hidden; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu...</div>
<A href="#" onclick="visa(document.getElementById('menu'))">visa</a>

Lager visar/gömmer du genom att byta värde på egenskapen visibility. Sedan bör du skicka med en riktig objekt-referens, som i detta fall med getElementById()

CactuzMedlem sedan okt. 2001670 inlägg

4 okt. 2002 22:37#3

Nu är det såhär att jag har ett lager som man kan öppna i det första lagret som man kan klicka fram. Problemet är att det andra lagret inte försvinner när man stänger den första. Går dett lösa på något sätt?

JojoxxMedlem sedan juni 20004 308 inlägg

5 okt. 2002 08:36#4

<script language="JavaScript" type="text/javascript">
function visa(layer,child) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
		if(child){ child.style.visibility='visible'; }
	} else {
		layer.style.visibility='hidden';
		if(child){ child.style.visibility='hidden'; }
	}
}
</script>
<DIV id="menu" style="visibility: hidden; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu...</div>
<DIV id="menu2" style="visibility: hidden; Z-INDEX: 2; LEFT: 30px; POSITION: absolute; BOTTOM: 27px">menu2...</div>

<A href="#" onclick="visa(document.getElementById('menu'),document.getElementById('menu2'))">visa</a>

CactuzMedlem sedan okt. 2001670 inlägg

5 okt. 2002 09:09#5

Men nu visar den menu och menu2 direkt. Menu2 ska man öppna med hjälp av en länk i menu och sedan när man stänger menu ska den försvinna

+ att man kan bara öppna en "<div>" med menu.. Öpnnar men en till stängs den gamla ner

JojoxxMedlem sedan juni 20004 308 inlägg

5 okt. 2002 09:57#6

<script language="JavaScript" type="text/javascript">
function visa(layer,child) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
	} else {
		layer.style.visibility='hidden';
		if(child){ child.style.visibility='hidden'; }
	}
}
</script>
<DIV id="menu" style="visibility: hidden; Z-INDEX: 1; LEFT: 3px; POSITION: absolute; BOTTOM: 25px">menu... <A href="#" onclick="visa(document.getElementById('menu2'))">visa</a></div>
<DIV id="menu2" style="visibility: hidden; Z-INDEX: 2; LEFT: 90px; POSITION: absolute; BOTTOM: 25px">menu2...</div>

<A href="#" onclick="visa(document.getElementById('menu'),document.getElementById('menu2'))">visa</a>

Koden borde inte vara så svår, så du kan prova dig fram till olika effekter.