« anterior próximo »
Páginas: [1]

Autor Tema: Javascript Objeto Event y calcular coordenadas del mouse sobre pantalla CU01160E  (Leído 2399 veces)

Pepote21

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 92
    • Ver Perfil
Javascript Objeto Event y calcular coordenadas del mouse sobre pantalla CU01160E
« en: 15 de Junio 2017, 16:30 »
Hola a todos. Así es una buena forma de aprender. Os dejo mi código de respuesta al ejercicio CU01160E del curso de fundamentos de programación web con JavaScript usando Notepad++ como editor. Gracias.

Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            #espacio{width: 500px; height: 400px; border: 1px solid black; background-color: yellow;}
        </style>
        <script type="text/javascript">
            function infoPosition(elEvento){
                var evento = elEvento || window.event;//obtener objeto event para diversos navegadores
    var ventanaX=evento.clientX; //coordenadas de la ventana
                var ventanaY=evento.clientY;
    var posX=ventanaX-8;
    var posY=ventanaY-80;
var nodoPosition=document.getElementById('position');
nodoPosition.innerHTML='Posición x: '+posX+' - Posición y: '+posY;

}
/*window.onload=function(){
   document.getElementById('espacio').onmouseover=infoPosition(event);
            }*/    
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <h1 id="position">Posición x: - Posición y:</h1>
<div id="espacio" onmousemove="infoPosition(event)";></div>
    </body>
</html>
« Última modificación: 23 de Junio 2017, 19:36 por Ogramar »
En línea

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Re:Javascript Objeto Event y calcular coordenadas del mouse sobre pantalla CU01160E
« Respuesta #1 en: 23 de Junio 2017, 20:26 »
Buenas Pepote21 buen código solo recomendarte que intentes limpiar el código una vez terminado, en este ejercicio por ejemplo te han quedado un comentario y una etiqueta de script sin contenido

Salu2
En línea
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".