Foros del Web » Programando para Internet » Javascript »

Posicion del click en una imagen

Estas en el tema de Posicion del click en una imagen en el foro de Javascript en Foros del Web. Necesito saber en que coordenadas (x,y en pixeles) de una imagen el usuario hace click. Alguien sabe como puedo hacerlo? Gracias...
  #1 (permalink)  
Antiguo 20/03/2007, 20:00
 
Fecha de Ingreso: agosto-2003
Mensajes: 120
Antigüedad: 20 años, 8 meses
Puntos: 0
Posicion del click en una imagen

Necesito saber en que coordenadas (x,y en pixeles) de una imagen el usuario hace click.

Alguien sabe como puedo hacerlo?
Gracias
  #2 (permalink)  
Antiguo 21/03/2007, 01:00
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: Posicion del click en una imagen

Hola:

En un formulario con un control "image" (input type="image"), esa imagen hace las veces de submit y a la vez se envían esas coordenadas... claro que tienes que enviar ese form, pero si no quieres hacer ese envío, ouedes poner un target a un popup y desde ahí puedes pasarlas mediante el objeto opener...

popup.html
Código:
<html>
	<head>
		<title>
			coordenadas
		</title>
		<script type="text/javascript">
			function popup()	{
				if (opener)	{
					url = location.search.substr(1).split("&");
					for (var i = 0, total = url.length; i < total; i ++)
						window[url[i].split("=")[0]] = url[i].split("=")[1];
					if (window.x != undefined && window.y != undefined)
						opener.popup(window.x, window.y)
					window.close(); 
				}
			}
		</script>
	</head>
	<body onload="popup()">
	</body>
</html>
Y la página de la imagen:
Código:
<html>
	<head>
		<title>
			coordenadas
		</title>
		<script type="text/javascript">
			function popup(x, y)	{
				document.forms.resultado.x.value = x;
				document.forms.resultado.y.value = y;
			}
		</script>
	</head>
	<body >
		<form action="temporal.php" target="_x" method="get" enctype="text/plain" >
			<input type="image" src="../miemoticon.gif" />
		</form>
		<form name="resultado" >
			x:<input type="text" name="x" />
			y:<input type="text" name="y" />
		</form>
	</body>
</html>
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 21/03/2007, 12:49
 
Fecha de Ingreso: agosto-2003
Mensajes: 120
Antigüedad: 20 años, 8 meses
Puntos: 0
Re: Posicion del click en una imagen

gracias por tu respuesta!

es posible obtener los valores x e y que se envian antes de que se envien? mediante un onClick por ejemplo?
estoy utilizando AJAX e intentando evitar recargas de paginas y popups..

saludos
  #4 (permalink)  
Antiguo 21/03/2007, 13:10
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: Posicion del click en una imagen

Hola:

En las FAQs creo que hay un código para obtener las coordenadas del ratón, pero la implementación depende del navegador y de que exista scroll en la página.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:05.