JavaScript Forum

**futurevisions** · 02-09-2007, 02:43 PM

I'm not sure how best to go about it, but I need the background image of a div to change onmouseout - can anyone help?

Thanks

**Learning Newbie** · 02-09-2007, 03:17 PM

Hook your javascript code into the onmouseout event, and set it to change the background image of that div. I'm not sure where you're having trouble? Give the div an id, and then use document.getElementById to manipulate it.

**futurevisions** · 02-09-2007, 04:31 PM

I've never really coded Javascript that much.

You could say I'm asking if someone could give me the code for it! If it's not too complicated, that is. I'd be very grateful for any help.

**vn5ltr** · 02-09-2007, 09:30 PM

Here you go:

Code:

<html>
<head>
<title>example</title>
<script type="text/javascript">
function imagechange(element)
{
bgimage = 'url(something.gif)';
document.getElementById(element).style.backgroundImage = bgimage;
}
</script>
</head>
<html>
<body>
<div id="example" style="height:200px; width:200px; background-color:#000000" onclick="imagechange(this.id);">&nbsp;</div>
</body>
</html>

Cheers.

**Mathan Kumar** · 02-16-2007, 10:47 AM

hi every body any one can tell me how change the mouse pointer in our own icons
this is my mail id.if you known that answer please send mail to this id Radomathan@gmail.com thank you

**mgraphic** · 02-16-2007, 10:03 PM

Quote:

Originally Posted by Mathan Kumar

hi every body any one can tell me how change the mouse pointer in our own icons
this is my mail id.if you known that answer please send mail to this id Radomathan@gmail.com thank you

Check out: http://www.w3schools.com/css/pr_class_cursor.asp

**neomaximus2h** · 02-20-2007, 06:06 AM

<div onmouseover="this.style.backgroundImage = 'url(theimage.jpg)';">

then to remove the background on mouse out you would do

<div onmouseout="this.style.backgroundImage = 'url(original.jpg)';">

hope that helps