hover with mouse over

[nailedit]

ok I am trying to make one of those image hovers like netflix has I got the hover with mouseOver to work but unfortuantly I can not get the onMouseOut to work so that the image that pops up disapears.

This code works:
<p><a onMouseOver ="document.getElementById('txtHint').innerHTML='<div id=popup ><div align=center>'";/><img src="routebtn.jpg"></p>


But this is what I need to work:
<p><a onMouseOver ="document.getElementById('txtHint').innerHTML='<div id=popup ><div align=center>'";onMouseOut ="document.getElementById('txtHint').innerHTML=''"; /><img src="http://www.bullrun.com/images/routebtn.jpg"></p>

[JPnyc]

it's kind of a protracted approach. The way to do this is to hard code your pop-up div into your page, and just hide/show with JavaScript. Set the div whose ID is pop up to display: none; in your CSS, then on mouse over of the image you put this code:

document.getElementById('txtHint').style.display ='block'

And then on mouse out put:
document.getElementById('txtHint').style.display ='none'

[CyberDragon]

I read your post and had come across a similar issue earlyer this week. You are going to want to look http://www.quirksmode.org/ They have a good walk through on making on mouse out functions. You are going to need to write or use the script they have there so that the mouse out function is not triggered when your mouse moves from the div to the image itself. If you read through this article (http://www.quirksmode.org/js/events_mouse.html) you should get a better idea of what im talking about and how to solve your problem.

[JPnyc]

he wants the div to appear on mouse over of the image. And to the original author, the mouse out function isn't working because of this;

align=center>'";onMouseOut

Remove ;, and mouse out should function