cambio de color el fondo de mi pagina

[demoche]

Hola queria saber como puedo hacer que cambie de color el fondo de mi pagina dinamicamente como en esta pagina.

http://archives.depechemode.com/

Muchas Gracias
demoche

[Eourus]

Si te fijas, esa página tiene un javascript que cambia dicho color. Este es un trozo de la llamada que tiene el enlace:

<a href="#" onmouseover="bratover('pic50')" onmouseout="bratoff('pic50')" onclick="setActiveStyleSheet('01');
return false;">

[o0o_vaja_o0o]

eso es javascript, haces una funcion que al apretar un boton (onpress), cambie el color (document.bgColor="tu_color")...

[demoche]

Bueno ya casi lo logro pero tengo el problema ahora que cuando selecciono un btn para que cambie de color, lo hace pero vuelve al color de origen de mi página, es decir no se queda en el color que seleccione.
A modo de comentario yo remplaze los clasicos btn por imagenes y asi anda mal pero si lo hago con el clasico btn anda bien.
Aca dejo el scrip para que alguien me diga que hago mal y poder correguirlo.
Muchas Gracias

demoche

<form>
<input type="image" src="imagenes/btn_00.gif" alt="Blanco" onclick="cambiaColor('ffffff')">
<input type="image" src="imagenes/btn_01.gif" onclick="cambiaColor('000000')">
<input type="image" src="imagenes/btn_03.gif" onclick="cambiaColor('0066cc')">
<input type="image" src="imagenes/btn_04.gif" onclick="cambiaColor('ff0000')">
<input type="image" src="imagenes/btn_05.gif" onclick="cambiaColor('990000')">
<input type="image" src="imagenes/btn_06.gif" onclick="cambiaColor('999999')">
<input type="image" src="imagenes/btn_07.gif" onclick="cambiaColor('333333')">
</form>

[caricatos]

Hola:

Seguramente te has olvidado del caracter almohadilla por delante del color... y sería mejor hacerlo con estilos:

Código:

function cambiaColor(color) {
 document.body.style.backgroundColor = "#" + color;
}

Saludos

[demoche]

Ya probe penrle el numeral "#" y no sigue haciendo lo mismo, la cuestion es que si lo hago con los tradicionales btn funciona bien pero si lo quiero personalizar creando yo mismo los btn, no anda, cambia de color y vuelve al default, como si loopeara.
Alguien mas me puede ayudar.
Mucha Gracias

demoche

[caricatos]

Hola:

Las imágenes (input type="image") son del tipo submit, o sea que envían el formulario, y por eso ves que vuelve a su valor original...

Puedes usar imágenes dentro de un botón normal:
<button type="button" style="border: 0; background-color: transparent; padding: 0" onclick="cambiaColor('EEEEEE')"><img src="imagen.gif" /></button>

... o cancelas el envío añadiendo al tag form onsubmit="return false"

Saludos