Autor Tema: Obtener Posicion de Click en una Imagen  (Leído 1538 veces)

Conectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Obtener Posicion de Click en una Imagen
« en: 02 de Febrero de 2008, 19:43:42 pm »
Hola PHPeros!
Estoy haciendo un proyecto de forma privada, para ir aprendiendo cosillas y me he tenido que buscar la vida para calcular el punto donde hacia click en una imagen de una forma sencilla.

¡Cual es mi sorpresa cuando probando ideas que tenia he encontrado la solución!

Antes de encontrar esta solución tenia pensado hacerlo mediante javascript porque no encontraba otra forma de hacerlo pero finalmente he decidido probar lo que pasaria si lo hago en un formulario, aquí teneis el codigo.

<?PHP
if (isset($_POST[&#39;imagemap_x&#39;])) {
	
$areamap .= &#39;<map name="imagen">&#39;;
	
$areamap .= &#39;<area alt="Area circundante" shape="circle" &#39;;
	
$areamap .= &#39;coords="&#39;.$_POST["imagemap_x"].&#39;, &#39;.$_POST["imagemap_y"].&#39;, 30" href="#">&#39;; 
	
$areamap .= &#39;</map>&#39;;
echo $areamap;
echo &
#39;<img usemap="#imagen" src="http://www.phperos.net/foro/Themes/DilberMC/images/lightgolden/logo.jpg" border="0">&#39;;
}
?>

<form method="POST">
<input name="imagemap" type="image" src="http://www.phperos.net/foro/Themes/DilberMC/images/lightgolden/logo.jpg">
</form>
Valor X: <?=$_POST["imagemap_x"]?><br />
Valor Y: <?=$_POST["imagemap_y"]?>


Como yo necesito esta aplicación para localizar objetos y personas en una imagen, tenia que usar mapas html para que al pasar el raton sobre los mismos se mostrase una información concreta así que en el ejemplo como veis estan aplicados.

Si quereis usar esta aplicación para otra cosa ya sabeis ;) Yo os he allanado el camino.

Aquí teneis el ejemplo online.

Espero que os guste y no tengais dudas porque el codigo es realmente sencillo :P
« Última modificación: 03 de Febrero de 2008, 13:14:43 pm por naveda »
Por favor, leete las Normas


Comunidad PHPeros

Obtener Posicion de Click en una Imagen
« en: 02 de Febrero de 2008, 19:43:42 pm »

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: Obtener Coordenadas de Click en una Imagen
« Respuesta #1 en: 02 de Febrero de 2008, 19:47:33 pm »
Diooosssssss

Buenisimo naveda!! Karma +
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado Erik

  • PHPero Avanzado
  • ****
  • Mensajes: 271
  • Karma: 14
  • Sexo: Masculino
    • Ver Perfil
Re: Obtener Posicion de Click en una Imagen
« Respuesta #2 en: 07 de Febrero de 2008, 08:36:09 am »
Mmmmm, esta muy bien naveda.
PD: Si el código es sencillito, pero es variado.
Código: [Seleccionar]
<?php
$myset 
"PHPER@ AVANZADO";
echo 
"Yo soy".$myset;
?>

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re: Obtener Posicion de Click en una Imagen
« Respuesta #3 en: 07 de Febrero de 2008, 15:18:05 pm »
El codigo esta muy muy bueno naveda.
Seguro que se puede usar para muchisimas cosas (Como por ejemplo esconder un link en una imagen :P)

Saludos!
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Conectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: Obtener Posicion de Click en una Imagen
« Respuesta #4 en: 07 de Febrero de 2008, 18:02:56 pm »
La verdad que pase de un codigazo javascript que ni funcionaba a una cosa simplisima :o
Por favor, leete las Normas


Desconectado x.mara.x

  • PHPero Master
  • ******
  • Mensajes: 1.364
  • Karma: 57
  • Sexo: Femenino
    • Ver Perfil
Re: Obtener Posicion de Click en una Imagen
« Respuesta #5 en: 09 de Febrero de 2008, 15:05:12 pm »
Naveda, no te doy más de un karma seguidos porque no puedo, pero ei te doy un KARMAZOOO :P