Bij een click op een image van 1000X700 moet d.m.v. een javascript een gif verschijnen op de juiste plaats en de coordinaten van het gifje in een textveld voor verzending.
Dit is het script tot nu toe, ik krijg het niet goed werkend.
<script type="text/JavaScript">
<!-- Chief...
var windowX=windowY=locX=locY=x=y=0;
var locationX=0;
var locationY=0;
window.onload=init;
function init()
{
if (window.Event)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=getXY;
}
function getXY(e)
{
windowX=(window.Event)?e.pageX:event.clientX;
windowY=(window.Event)?e.pageY:event.clientY;
locX=document.getElementById('daPic').offsetLeft;
locY=document.getElementById('daPic').offsetTop;
x=windowX-locX-1;
y=windowY-locY-1;
}
function doStuff()
{
locationX=x;
locationY=y;
}
function setStuff()
{
if (locationX!=0 && locationY!=0)
{
document.getElementById('someText').style.display="block";
document.getElementById('someText').style.top=locationY;
document.getElementById('someText').style.left=locationX;
}
}
//-->
</script>
<script language="JavaScript1.2">
<!-- Original: CodeLifter.com ([email protected]) -->
<!-- Web Site: http://www.codelifter.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else { // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
// End -->
</script>
<form name="Show">
X <input type="text" name="MouseX" value="0" size="4">
Y <input type="text" name="MouseY" value="0" size="4">
</form>
<a href="nieuw.asp" onClick="setStuff(); return false;">
<img src="map_bg.png" border="0" width="1000" height="700" id="daPic" name="daPic" onClick="doStuff();">
<div id="someText" style="border:0px solid black; display:none; z-index:100; position:absolute;"><img src="fa.gif" border="0"></div></a>
1.083 views