Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #16450

Re: Persistent onmouseout/hover

Show all headers | View raw

On 07-10-2012 18:15, joe wrote:
> Here's  my test sample. The html below display's some text in a red box. When
> mouse move over the box a blue line is displayed around the red box.
> When mouse exit's the box the blue line disappears.
>
> If I try to set a time for removal of the blue line I get nothing: the blue line
> stays there.
>
>
> <html><head>
> <script type="text/javascript">
> function timeout_trigger(test) {
> test.style.border = "";
> }
>
> function OnMouseIn (elem) {
> elem.style.border = "2px solid blue";
> }
>
> function OnMouseOut (elem) {
> //setTimeout('timeout_trigger(elem)', 500);   //this does not work
> timeout_trigger(elem);                        //this works
> }


function OnMouseOut (elem) {
    //setTimeout('timeout_trigger(elem)', 500);   //this does not work
    //timeout_trigger(elem);                        //this works
    setTimeout(function() { timeout_trigger(elem) }, 500);
}


There should not be any single quoot in de first parameter of setTimeout 
(or setInterval() )......

> </script></head>
> <body>
> <div style="background-color:red; width:200px" onmouseover="OnMouseIn(this)"
> onmouseout="OnMouseOut(this)">
> Move your mouse pointer into and out of this element!
> </div></body></html>

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Persistent onmouseout/hover joe <mt@invalid.com> - 2012-10-07 14:25 +0300
  Re: Persistent onmouseout/hover Luuk <luuk@invalid.lan> - 2012-10-07 15:40 +0200
    Re: Persistent onmouseout/hover joe <mt@invalid.com> - 2012-10-07 19:15 +0300
      Re: Persistent onmouseout/hover Luuk <luuk@invalid.lan> - 2012-10-07 19:00 +0200
  Re: Persistent onmouseout/hover Danny <dann90038@gmail.com> - 2012-10-07 12:00 -0700

csiph-web