Javascript (onMouseOver & setTimeout)

[Verwijderd]

Ik ben momenteel bezig met een klein systeempje.

Het is de bedoeling dat een div een hogere zIndex krijgt wanneer er met de muis overheen wordt gegaan. (Dat lukt..) onMouseOver="this.style.zIndex='5'"..

Nu wil ik dat dit gebeurt alleen niet zoals nu, binnen notime, maar dat het een halve seconde duurt voordat de div zijn zIndex wordt verhoogd. Ik heb dit geprobeerd met setTimeout

bijv: onMouseOver="setTimeout("this.style etc etc.",500)". Dit werkt zo niet. Maar hoe wel?

Alvast bedankt.

[disjfa]

Inline html, dan zijn javascript parameters lowercase : onmouseover

En een setTimeOut roept een functie aan, bv functie_naam(parameter)

Dan kan je in de javascript een functie genaamd functie_naam aanmaken en die laten doen wat jij wilt.

[Snake]

onmouseover="setTimeout('function(){ this.style.zIndex= 5 }()', 500)"

[Verwijderd]

dat gaat dus ook niet werken

code:

onmouseover="var that=this; setTimeout(function(){that.style.zIndex = 5;},500);"

Snake's code is fout om de volgende redenen
- settimeout wil een functie reference, geen string, zoals disjfa al aangeeft
- de functie moet niet uitgevoerd worden, maar als reference worden doorgegeven
- "this" verliest de context, die moet je dus bewaren met een closure