div 2=100% width if div1=hidden

2 svar · 164 visningar · startad av doggelito 8 okt. 2003

doggelitoMedlem sedan juni 20003 076 inlägg

Trådstart8 okt. 2003 08:14#1

kan man få lager 2 100% brett när man gömmer lager 1 och hoppar tillbaka när man visar lager 1 igen?

<html>
<head>
<script type="text/javascript">
	function showhide(layer) {
		if(layer.style.visibility=='hidden'){
			layer.style.visibility='visible';
		} else {
			layer.style.visibility='hidden';
		}
	}
</script>
</head> 

<body>

<div name="lager1" id="lager1" style="float:left; left:0px; width:180px; background-color: #c4c4c4;">div1</div>
<div id="lager2" style="position:relative; background-color: #eeeeee;">div2</div>
<br>
<br>
<input type="button" value="Visa/göm" onClick="showhide(document.getElementById('lager1'));">
</body>
</html>

nitro2k01Medlem sedan aug. 20039 340 inlägg

8 okt. 2003 08:33#2

Följande fungerar. Jag la width: 100%; för lager2, och ändrade skriptet så det ändrar egenskapen display istället för visibility.

 
<html>
<head>
<script type="text/javascript">
	function showhide(layer) {
		if(layer.style.display=='none'){
			layer.style.display='';
		} else {
			layer.style.display='none';
		}
	}
</script>
</head> 

<body>

<div id="lager1" style="float:left; left:0px; width:180px; background-color: #c4c4c4;">div1</div>
<div id="lager2" style="position:relative; width: 100%; background-color: #eeeeee;">div2</div>

<br>
<br>
<input type="button" value="Visa/göm" onClick="showhide(document.getElementById('lager1'));">
</body>
</html>

doggelitoMedlem sedan juni 20003 076 inlägg

8 okt. 2003 09:09#3

tackar! :bire