No me cambia el background (Javascript + CSS)

lenders · #1 (**permalink**) 13/11/2012, 02:55

La idea es tener un Menú con varios links, al ponerte encima de cada uno de esos links, que el fondo de la página cambie.

Mi codigo es este:

Código PHP:

  <html> 
<head> 
<link rel="stylesheet" type="text/css" href="css/estilo_index.css">  
 
<script type='text/javascript' src='scripts/cambiar_fondo.js'></script> 
 
</head> 
 
<body> 
<a onmouseover="cambiar_fondo()" href="#">MENU 1</a> 
</body> 
 
</html>

Código PHP:

  html { 
background: url(../img/fondo.jpg) no-repeat center center fixed;  
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}

Código PHP:

  function cambiar_fondo(){ 
 
var imagen = document.getElementsByTagName("html"); 
imagen.style.background= "url('../img/fondo2.jpg')"; 
 
}

Con la consola de errores del Chrome me dice:
Cannot set property 'background' of undefined
Y evidentemente no me cambia el fondo

Alguna ayuda?

furoya · #2 (**permalink**) 13/11/2012, 05:57

Hay varios yerros, pero los más graves están en JS. La próxima no olvidés poner el código completo, no desarmado, y con el doctype para saber si hay alguna incompatibilidad por ese lado.

Estás referenciando el HTML por su etiqueta, y como verás dice getElementsByTagName("html"), por lo tanto hay que decirle también a cuál de los elementos HTML apuntás. Nosotros sabemos que no puede haber más de uno, pero esa llamada es con ítem

getElementsByTagName("html")[0]

También estás reemplazando todo lo que tiene que ver con el fondo, y lo que en verdad querés cambiar es la imagen, así que solamente apuntá al background-image

imagen.style.backgroundImage= "url('../img/fondo2.jpg')";

Del resto hablamos otro día.

IsaBelM · #3 (**permalink**) 13/11/2012, 07:59

la manera correcta de hacerlo es con styleSheets

furoya · #4 (**permalink**) 13/11/2012, 09:26

Bueno, supongo que en algún lugar del mundo ya es otro día.

Sí, es cierto, si se ponen estilos desde la hoja de estilos, lo ideal es cambiarlos allí mismo.