Obtener la posición de un ratón cuando se hace clic en su

  • tastysite
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Abr 09, 2008
  • Mensajes: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Nota Octubre 6th, 2009, 1:08 am

Lo que quiero hacer es conseguir la x, no (y que im o su superior y derecho seguro) la posición del ratón cuando se haga clic. Luego de guardarlo en una variable de modo que puede agregar a MySQL im seguro de que se puede hacer en JS pero no está seguro por dónde empezar.
^__^
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Octubre 6th, 2009, 1:08 am

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Octubre 6th, 2009, 7:32 am

Código: [ Select ]
<html>
    <head>
        <script type="text/javascript">
            
            window.onload = init;
            function init() {
                if (window.Event) {
                    document.captureEvents(Event.MOUSEMOVE);
                }
                document.onmousedown = getPosition;
            }

            function getPosition(e) {
                xPos = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
                yPos = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
                
                alert("X: " + xPos + " Y: " + yPos);
            }
            
        </script>
    </head>
    <body>
            
    </body>
</html>
  1. <html>
  2.     <head>
  3.         <script type="text/javascript">
  4.             
  5.             window.onload = init;
  6.             function init() {
  7.                 if (window.Event) {
  8.                     document.captureEvents(Event.MOUSEMOVE);
  9.                 }
  10.                 document.onmousedown = getPosition;
  11.             }
  12.             function getPosition(e) {
  13.                 xPos = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
  14.                 yPos = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
  15.                 
  16.                 alert("X: " + xPos + " Y: " + yPos);
  17.             }
  18.             
  19.         </script>
  20.     </head>
  21.     <body>
  22.             
  23.     </body>
  24. </html>


Probado en FF3.5 y IE7. Esto te lleva a la posición, pero theres de diferentes maneras de ir sobre la persistencia de esos valores a un PP, de modo que depende de sus necesidades. Si usted necesita que sea ágil, entonces usted podría cable hasta una llamada AJAX a tu idioma favorito de SS y salvar de esa manera.
I'd love to change the world, but they won't give me the source code.

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 268 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC