Hello,
I'm trying to get an image to follow the cursor whenever the onmousemove event is triggered inside an image (using an image map for mouse move coords).
This is the image markup:
<map name = "popMap">
<area nohref shape = "poly" coords = "619,190, 698,191, 691,211 625,212, 61 9,190" onmousemove = "revPopUp()" onmouseout = "hidePopUp()">
</map>
<img id ="callout" src = "callout.gif" style = "visibility:hidden; position:absolute; border:none; z-index:1;">
<img usemap = "#popMap" src = "console start.gif" style = "border:none">
If I try and assign a negative value to the event.clientX/Y in my script (to follow), I get a nasty intermittent flicker from the revealed image. But if I don't assign a negative value, the image doesn't flicker at all. The only problem is that the image is over the other side of the page if I don't use a negative value. Here's the script:
<script language = "javascript">
var popUp = document.getElementById("callout")
function revPopUp()
var eCx = event.clientX -200
var eCy = event.clientY -240
{
popUp.style.visibility = "visible"
popUp.style.pixelLeft = eCx
popUp.style.pixelTop = eCy
}
function hidePopUp()
{
popUp.style.visibility = "hidden"
}
</script>
Is this something I can conquer in my HTML markup? Or is there a bug here? Im coding for IE6 SP1 on NT4.
Thanks in advance
Joe
'sync' <cr>
The name specified is not recognized as an internal or external command, operable program or batch file.
onmousemove flicker
