He estado probando ahora y parece que algo me ha salido por lo menos en IE
Código:
<html>
<head>
<script language="javascript" type="text/javascript" >
var coordenadas = new Array();
var contador = 0;
function menor(a, b) {
var dato = (a < b) ? a : b;
return "" + dato + "px";
}
function dife(a, b) {
var dato = (a < b) ? b - a : a - b;
return "" + dato + "px";
}
function lee(capa) {
coordenadas[contador ++] = (document.layers)? e.pageX:event.x+document.body.scrollLeft;
coordenadas[contador ++] = (document.layers)? e.pageY:event.y+document.body.scrollTop;
if (contador % 4 == 0) {
x1 = coordenadas[contador - 4];
x2 = coordenadas[contador - 2];
y1 = coordenadas[contador - 3];
y2 = coordenadas[contador - 1];
cuadradito = document.createElement("div");
cuadradito.style.left = menor(x1, x2);
cuadradito.style.top = menor(y1, y2);
cuadradito.style.width = dife(x1, x2);
cuadradito.style.height = dife(y1, y2);
cuadradito.style.position = "absolute";
cuadradito.style.borderWidth = "1px";
cuadradito.style.borderStyle = "solid";
cuadradito.style.borderColor = "blue";
capa.parentNode.appendChild(cuadradito);
}
}
</script>
</head>
<body style="position: relative; margin: 0px;">
<div id=contenedor style="position: relative; margin: 0px; padding: 0px" >
<img galleryimg="no" src="logo.jpg" style="position: absolute; top: 0px; left: 0px; cursor: crosshair; padding: 0px" onclick="lee(this)" />
</div>
</body>
</html>
Podeis probar si funciona en otros navegadores?