Coordenas del raton dentro un div

hanscruz · #1 (**permalink**) 22/05/2009, 09:03

Quisiera saber si alguien conoce de algun script que detecte las cordenasdas del raton dentro de un div un y luego al hacer click en cualquier coordenada de ese div se mande el valor obtenido a otra web o a un evento javascript cualquira no importaria pero poder obtener esos datos.

Gracias de antemano.

Pd: Si no fuera posible lo del div entonces dentro un iframe pero preferiria el div.

buzu · #2 (**permalink**) 22/05/2009, 13:13

para checar las cordenadas usa clienX y clientY, los cuales son propiedades del evento, por lo que para poder acceder a ellas tienes que capturar el evento primero, por ejemplo:

window.onclick = function(e){
alert('coordenadas x: '+e.clientX+', coordenadas y: '+e.clientY);
}

Para embiarlas a otrea pagina puedes hacer una redirección con location y pasar las cooredendas por get, es decir por la url.

Saludos

hanscruz · #3 (**permalink**) 22/05/2009, 14:06

Podrias darme un ejemplo por favor de donde poner los codigos que menciona y como y donde poner esos valores para mandarlos por fa, ademas esto funciona en un div o toda la pagina ya que solo quisiera de un div.

Gracias

buzu · #4 (**permalink**) 22/05/2009, 14:08

ya te di un ejemplo. O a que te refieres tu con un ejemplo? Especificamente en cuanto a que?

saludos

hanscruz · #5 (**permalink**) 22/05/2009, 15:05

Pues donde se pone ese codigo en que lugar se especifica para que div debe funcionar etc.

Debo ponerla en tre head y head, o eb el div con un evento onmouseover eso amigo

gracias nuevamente.

buzu · #6 (**permalink**) 22/05/2009, 15:21

El código va en el head. para especificar lo del div necesitas primero obtener una referncia al div. Para eso puedes usar document.getElementById(). Te sugiero que leas un manual sobre javascript, por que al parecer te hace falta algo de fundamento, o por lo menos una referencia sólida.

Saludos.

hanscruz · #7 (**permalink**) 22/05/2009, 15:32

Tengo una vaga idea de javascript creo que conceptos basicos solamente:

Pero segun lo que te entiedo tengo que poner asi:

Código HTML:

<head>
<script languag="javascript">
window.onclick = function(e){
alert('coordenadas x: '+e.clientX+', coordenadas y: '+e.clientY);
}
</script>
</head>

en donde el valor e seria el id del div, para lo cual tendria que poner en el div algo asi:

Código HTML:

<div id="midiv" onmouseover="function(document.getElementById(midiv));"></div>

Estoy en lo correcto......

Ademas de que segun tu ejemplo saldria una ventana alert para avisar las coordenadas, pero como podria hacer para que en ves de eso aparescan las coordenadas constantemente en otra capa.

Solo dame algunas ideas de donde partir yo investigo luego.

Gracias.

buzu · #8 (**permalink**) 22/05/2009, 17:31

No, e es e. El ejemplo que te di no es en concreto con tu post. El ejemplo solo es para que veas como capturar e. e no es ningún valor, e es un evento que captura la función. Tu no tienes que pasarle nada como valor de e.

Ese ejemplo es eso, solo un ejemplo, y no una solución concreta para tu problema. Te vuelvo a recomendar que leas un manual de js. de esa manera tienes una idea más acertada del asunto.

Saludos.