PHP expert |
|
ik heb ergens eens een javascriptje daarvoor gezien, maar waar
ik ga ff zoeken, hopelijk met resultaat
<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=event.offsetX
y=event.offsetY
alert("X coords: " + x + ", Y coords: " + y)
}
</script>
<style type="text/css">
#testcontainer1{
width:300px;
height:200px;
background:blue;
}
#testcontainer2{
width:100px;
height:50px;
background:green;
position: absolute;
top:500px;
left:250px;
}
</style>
</head>
<body >
<p>Click in the document. An alert box will alert the x and y coordinates of the cursor.</p>
<div id="testcontainer1" onClick="show_coords(event)"></div>
<div id="testcontainer2" onClick="show_coords(event)"></div>
</body>
</html>
<html> <head> <script type="text/javascript"> function show_coords(event) { x=event.offsetX y=event.offsetY alert("X coords: " + x + ", Y coords: " + y) } </script> <style type="text/css"> #testcontainer1{ width:300px; height:200px; background:blue; } #testcontainer2{ width:100px; height:50px; background:green; position: absolute; top:500px; left:250px; } </style> </head> <body > <p>Click in the document. An alert box will alert the x and y coordinates of the cursor.</p> <div id="testcontainer1" onClick="show_coords(event)"></div> <div id="testcontainer2" onClick="show_coords(event)"></div> </body> </html>
hopelijk werkt ie, heb snel gegoogled |