on first mouseover ?

[Porsche_maniak]

Is there a way to make mouseover function for one time only (no repeating of the function in next mouseover's)?

Porsche_maniak Reviewed by Porsche_maniak on 11th Jun 2010. on first mouseover ? Is there a way to make mouseover function for one time only (no repeating of the function in next mouseover's)? Rating: 5

[Hyperz]

In the head part do something like

var isFirstMouseOver = true;

function mouseOverHandler(elm)
{
    if (isFirstMouseOver)
    {
        isFirstMouseOver = false;
        // do stuff...
    }
    else
    {
        // not the 1st time...
    }
}

And then in the HTML

<a href="#" onmouseover="mouseOverHandler(this); return false;">foo</a>

[Royal King]

Seifer (cysforum owner) had given me that code. I don't know where it is now. Try Hyperz' code

[Porsche_maniak]

@Hyperz

Works perfect !
TNX

[el_jentel1]

or, how about...

<a href="" onmouseover="alert('Hello!');this.onmouseover='';">Link</a>

[The Creator]

or, how about...

<a href="" onmouseover="alert('Hello!');this.onmouseover='';">Link</a>

That will create a mouse-over effect indeed, but it will work the second and third etc time too. And TS specifically asked for a snippet that works only on the first mouse-over event

Otherwise, it works yes

[jayfella]

does onMouseOver validate?

[Hyperz]

Elj's example should work too. Although I'm not 100% sure if all browser like that sort of tricks. But IMO code should be self explaining. Like mine.

* Hyperz' ego just went 1UP

[Sun!l]

<a href=""><img src="images.png" alt="anything" onmouseover="this.src='image.png';" onmouseout="this.src='images.png';" /></a>

[SalmanAbbas007]

Sunil he doesn,t needs a Rollover Button