Hi
I am in the process of making a "Spot the Ball Competition" website, and im having a few internet explorer related problems with it.
when a user plays a competition, javascript is used to put a crosshair where they clicked. they then click again and again and a new crosshair is placed everytime. this works fine on every browser apart from internet explorer.
what happens in ie is that u click on an area of the image, and the crosshair comes up. but, if your next click or any other click after that is on the actual crosshair (its mostly transparent), then the mouse coordinates get screwed up and the whole thing stops working. i tried to get around that by adding a few numbers to the coordinates, but it still doesnt work.
the only other way i could think of to fix this, is that when u click, the crosshair comes up, but the crosshair should be visible to the naked eye, but not be clickable, if u get what i mean.
ie: when u click, the x-hair comes up. if u click again inside the area of the x-hair, it records the mouse coordinates as if the crosshair wasnt there.
does anyone know if this is possible?
here is the URL for the current site:
http://r3versebid.com/spottheball/playnew.php?id=24
also, if there is a way with z-index or something, plz let me know...
thnx in advance
PS: i didnt know whether this should go in the javascript section or this one, so i just put it here...
PPS: this problem is only in ie, not in firefox or anything. so if u view the URL in firefox, it will seem wrong but it does work
