Hur får jag en fördröjning av den röda färgen vid onmouseover på ex. 0,3 sekunder? Här finns ett exempel på hur du skulle kunna göra.. dvs använda timeout(); Nej, det ska inte komma upp någon alertruta. Nu var väl bara alert-boxen ett exempel på hur du kan använda timeout... borde inte nåt sånt här fungera? Tack Stefan, det var något liknande jag hade i åtanke, och som du säger så var det bara ett exempel för att leda in på setTimeout(); funktionen. Borde fungera med clearTimeout(); i onMouseOut.fördröjning vid onmouseover
<code>
<HTML>
<HEAD>
<style type="text/css">
div {width:12px; height:12px;line-height:0.2em;border:1px solid black;}
</style>
</HEAD>
<BODY>
<div onMouseOver="this.style.backgroundColor= 'red';" onClick="this.style.backgroundColor='blue';"></div>
<br>
<div onMouseOver="this.style.backgroundColor= 'red';" onClick="this.style.backgroundColor='blue';"></div>
</BODY>
</HTML>
</code>Sv: fördröjning vid onmouseover
http://www.htmlite.com/JS018.phpSv:fördröjning vid onmouseover
Tyvärr så ställde jag frågan lite felaktigt.
Om jag sveper över någon eller båda rutorna lite snabbt, t.ex mindre än 0,2 sekunder så ska aldrig onmouseover aktiveras.
Den ska bara aktiveras om jag har pekaren över rutan några tiondels sekund.
Onclick för den blå färgen funkar som den ska. Sv: fördröjning vid onmouseover
<script type="text/javascript">
function changeBG(d) {
d.style.backgroundColor='red';
}
</script>
<div onMouseOver="setTimeout(changeBG(this),100);" onClick="this.style.backgroundColor='blue';"></div>
...fast du behöver troligen sätta något för onMouseOut för annars ändras väl bakgrundsfärgen även om du "drar snabbt" efter timeout:en... eventuellt måste en global flagga användas i "changeBG"...
Sv:fördröjning vid onmouseover