Ejer 58

Completar el código JavaScript proporcionado para que:

Al mover el ratón en cualquier punto de la ventana del navegador, se muestre la posición del puntero respecto del navegador y respecto de la página:

Para mostrar los mensajes, utilizar la función muestraInformacion() deduciendo su funcionamiento a partir de su código fuente.
Al pulsar cualquier tecla, el mensaje mostrado debe cambiar para indicar el nuevo evento y su información asociada:

Añadir la siguiente característica al script: cuando se pulsa un botón del ratón, el color de fondo del cuadro de mensaje debe ser amarillo (#FFFFCC) y cuando se pulsa una tecla, el color de fondo debe ser azul (#CCE6FF). Al volver a mover el ratón, el color de fondo vuelve a ser blanco.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> eventos</title>

body {font-family: arial, helvetica;}

#info {width:160px; border:thin solid silver; padding:.5em; position:fixed;}

#info h1 {margin: 0;}

</style>

function muestraInformacion(mensaje) {

document.getElementById("info").innerHTML = '<h1>'+mensaje[0]+'</h1>';

for(var i=1; i<mensaje.length; i++) {

document.getElementById("info").innerHTML += '<p>'+mensaje[i]+'</p>';

}

</script>

</head>

<body>

</body>

</html>

Page updated

Report abuse