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

Autor Tema: Eventos JavaScript. Tipos. Modelos. Usuario-sistema onmouseover CU01157E  (Leído 1636 veces)

paramonso

  • Intermedio
  • ***
  • Mensajes: 241
  • El ignorante afirma, el sabio duda y reflexiona.
    • Ver Perfil
Eventos JavaScript. Tipos. Modelos. Usuario-sistema onmouseover CU01157E
« en: 30 de Enero 2018, 18:36 »
Hola. Dejo la entrega del Ejercicio CU01157E Eventos JavaScript. Tipos. Modelos. Usuario-sistema. Manejador (event handler), del tutorial gratuito de programación JavaScript de aprenderaprogramar.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function ()
{
var elementsH1H3 = document.querySelectorAll('h1,h3');
var elementsP = document.querySelectorAll('p');

for (var i=0;i<elementsH1H3.length;i++)
{
elementsH1H3[i].onmouseover = function()
{
this.style.color = "orange";
}
elementsH1H3[i].onmouseout = function()
{
this.style.color = "maroon";
}
}

for (var i=0;i<elementsP.length;i++)
{

elementsP[i].onmouseover = function()
{

this.style.width='450px';
this.style.backgroundColor = "yellow";
}
elementsP[i].onmouseout = function()
{
this.style.backgroundColor = "transparent";
}
}

}

</script>



<style type="text/css">
 
</style>
</head>

<body>
<p>
<a href="principal.html" title="Página principal" >Ir a la pagina principal</a>
</p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p>
<img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" />
</p>
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p>
<img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" />
</p>

</body>

</html>

Hasta el prosimo.
 :)
« Última modificación: 12 de Junio 2018, 19:17 por Ogramar »
En línea

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Re:Eventos JavaScript. Tipos. Modelos. Usuario-sistema onmouseover CU01157E
« Respuesta #1 en: 12 de Junio 2018, 19:20 »
Buenas, todo correcto!

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".