Repaso javaScript
Ejercicio 1:
a) Cambiar la imagen bombilla_on.gif por bombilla_off.gif cuando se presione el botón.
b) Cambiar el texto del botón de ON a OFF dependiendo del caso.
c) Cambiar el texto que aparece por encima para que ponga: bombilla encendida o bombilla apagada dependiendo de cómo esté
ON
Ejercicio 2: Aplicar el efecto jquery que pone en cada botón cuando hace clic. Todos los efectos han de durar más de 1 segundo
ocultar
mostrar
ocultar si esá visible y mostrar si está oculto
Aparecer
Desaparecer
Que aparezca si no se muestra y desaparezca si está visible
Desaparecer sólo hasta el 50% de transparencia
Desplegar desde arriba
Desplegar hacia arriba
Desplegar si está plegado y plegar si está desplegado
Animación personalizada (ej: que salga desde la izquierda)
Ejercicio 3: Recorrido jerárquico
Nombre del artículo 1
Descripción del artículo 1
Nombre del artículo 2
Descripción del artículo 2
Nombre del artículo 3
Descripción del artículo 3
Poner un borde rojo alrededor del elemento del que partimos y uno verde alrededor del pariente que indica el botón:
Desde el elemento p que contiene "descripción del artículo 2"
Marcar el padre
Marcar la caja del artículo al que pertenece
Marcar el p que contiene "descripción del artículo 3"
Marcar el p que contiene "descripción del artículo 1"
Desde el icono
Marcar todos los antecesores (los padres, abuelos,...)
Marcar todos los hermanos de su artículo
Marcar todos sus hermanos
Desde la caja del artículo 1
Marcar todos sus hijos
Marcar todos los hijos de su hermano menor siguiente
Marcar a su hermano más pequeño