Javascript+animasjon av meny

6. september 2007

Prøver få en meny til å opne seg med animasjon men får feilmelding da jeg prøver å endre høyden av en <div> tag med:

meny.style.height = meny.style.height + "5px"

i javascript. Noen som vet hva jeg må gjøre for å få det til...

Ozma

55535 HP

3.680 1.125

6. september 2007

Det virker som style.height returnerer 0 :S Men det går ann å sette den til noe... Jeg fant ut at man kunne bruke offsetHeight (offsetWidth osv finnes også.) til å hente variablene.

Og Ikke bruk "5px", det skal bare være 5. Uten fnutter.

Her er noe kode som hvertfall funker i Firefox:

Kode

<style type="text/css">
	#meny {
		height: 100px;
		background-color:#999;
	}
</style>
<script type="text/javascript">
	function okhoyde() {
		var meny = document.getElementById('meny');
		meny.style.height = meny.offsetHeight + 5;
	}
</script>
<a href="javascript:okhoyde();">Øk høyde</a>
<div id="meny">tekst</div>

marfo

Trådstarter

390 44

6. september 2007

Fikk det til nå

Takker