Il visitatore cambia lo sfondo di un #div.

[purno]

Vorrei consentire al visitatore di cambiare lo sfondo di un #div.
A quanto ho capito basta usare uno javascript che cambi lo stile della pagina... ma concretamente non ho capito come.

Qualcuno me lo spiega o mi rimanda a qualche chiaro articolo sull'argomento?

Grazie 1000

[serialkiller]

potresti fare in questo modo

function foto(nome){
document.getElementById(nome).className = 'nomeClasse';
}

la richiami passando l'id del div in cui devi sostituire la classe css, che nei suoi parametri avrà la sua immagine

oppure

function foto(nome, immagine){
document.getElementById(nome).style.backgroundImage="url(immagini/" + immagine + ")";

document.getElementById(nome).style.backgroundPosition="right";
document.getElementById(nome).style.backgroundRepeat="no-repeat";
}

in questo modo (che non ho testato ), usi la stessa funzione passando l'id del div e l'immagine da sostituire

[pierofix]

Sarebbe carino fare 'sta cosa con un linguaggio lato server, così da inserire le preferenze dell'utente in un cookie.

Se invece proprio vuoi usare javascript, potresti fare una cosa simile:

XHTML

<div id="box"></div>


CSS

.sfondonuovo
{
   background-image:url('sfondonuovo.gif');
}


Javascript

var box = document.getElementById('box')
function cambia_sfondo()
{
   box.className = 'sfondonuovo'
}

Il javascript è scritto in modo generico; poi, se vuoi, vediamo di adattarlo alle tue esigenze.

[fcaldera]

sposto in javascript

[purno]

Grazie 1000 ad entrambi.