Al situar el cursor sobre la imagen, en la barra de estado aparecen unos valores de x e y.
Sin embargo, cuando hago click sobre la imagen en el alert los valores que aparecen son DISTINTOS de los que habia en la barra de estado.
No entiendo por que obtengo distintos valores en la barra de estado y en el alert.
Los input del formulario toman los valores que se muestran en el alert,
a mi me interesaria que tomasen los valores que aparecen en la barra de estado.
Pd: Estoy usando imagenes de grandes Dimensiones. Ejemplo: 1608 x 966
<html>
<head>
<script language="JavaScript">
var x,y;
str = location.search;
if (str != "") {
commaloc = str.indexOf(",");
x = str.substring(1, commaloc);
document.write("<p>valor de x: "+x);
y= str.substring(commaloc+1, str.length);
document.write("<p>valor de y: "+y);
}
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById && !document.all) ? true: false;
var coorX, coorY, iniX, iniY;
if (ns6) document.addEventListener("mousemove", mouseMove, true)
if (ns4) {document.captureEvents(Event.MOUSEMOVE); document.mousemove = mouseMove;}
function mouseMove(e)
{
if (ns4||ns6) {coorX = e.pageX; coorY = e.pageY;}
if (ie4) {coorX = event.x; coorY = event.y;}
return true;
}
function ini() {
if (ie4) document.body.onmousemove = mouseMove;
iniX = document.getElementById("recuadro").offsetLeft;
iniY = document.getElementById("recuadro").offsetTop;
}
function asignar() {
alert ("Pinchó las siguientes coordenadas:\nx:" + coorX + "\ny: " + coorY + "\niniX = " + iniX + "\niniY = " + iniY);
with (document.esteformulario) {
valorx.value = coorX;
valory.value = coorY;
//NO QUIERO QUE SE ENVIE EL FORMULARIO EN ESTE MOMENTO
//submit();
}
}
</script>
</head>
<body onload="ini()">
<form method="post" name="esteformulario" action="quepasa.asp" >
<a href="#"><img src="ParaSubir/seven/kevintratada.jpg" id="recuadro" onclick=asignar() ismap></a>
<input type="text" name="valorx" value="x">
<input type="text" name="valory" value="y">
<input type="submit" name="enviar" value="enviar">
</form>
</body>
</html>