onmouseover and inline function using the 'this' object

javascript jquery html onmouseover
Matt picture Matt · Jul 16, 2011 · Viewed 14.7k times · Source

I have the following bit of code:

<div id="some_div" style="border: solid 1px red; width:50px; height: 50px;" 
onmouseover="(function(){$(this).css('background','green');})();"></div>

The function gets run just fine but it doesn't seem to be able to find the 'this'. How can I make it so that it will know to self-reference?

(Yes, jquery is referenced in my code)

Answer

Paul picture Paul · Jul 16, 2011

I don't know if you want to be using an anonymous function there. I think

<div id="some_div" style="border: solid 1px red; width:50px; height: 50px;" 
onmouseover="$(this).css('background','green');"></div>

will work.

Related questions

Create DIV with onMouseOver effect with JS

I would like to create a DIV element via Javascript, but it should have a onMouseOver effect. so I know what the tags look like in HTML: <div onMouseOver="doSth()" onMouseOut="doSthElse()"> </div> and I know …

Read More
Change color of <div> using onMouseover

Im trying to change the color of the div using omMouse ove Event handler. From grey to black But it doesnt work. Whats wrong here ? Also how to use onHover and onMouseout ? <html> <head> <title&…

Read More
Change onmouseover="this.src='xxx'" when item is clicked

I have this image which on hover changes the src: <img id="apripreventivo" src="img.svg" onmouseover="this.src='img_hover.svg'" onmouseout="this.src='img.svg'"> Then I have a script that when that image is clicked …

Read More