<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->
<!-- http://www.sentinelli.nl -->
function test(){
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>
Nu wil ik dat deze coordinaten alleen gelden voor een afbeelding en niet voor een hele pagina... iemand een idee?
<head>
<script language="JavaScript1.2">
<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->
<!-- http://www.sentinelli.nl -->
<!-- Begin
var IE = document.getElementById('jediv').all?true:false;
if (!IE) document.getElementById('jediv').captureEvents(Event.MOUSEMOVE)
document.getElementById('jediv').onmousmove=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.getElementById('jediv').scrollLeft;
tempY = event.clientY + document.getElementById('jediv').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..getElementById('jediv')Show.MouseX.value = tempX;
document..getElementById('jediv')Show.MouseY.value = tempY;
return true;
}
// End -->
</script></head>
<BODY>
<form name="Show">
X <input type="text" name="MouseX" value="0" size="4"><br>
Y <input type="text" name="MouseY" value="0" size="4"><br>
</form>
<p>
<div id="jediv" style="background: url('Community%20script/afbeeldingen/banner.png'); width: 705; height: 168;"></div>
</BODY>
