Cambiare background con link

**leleatma** · 14-04-2005, 12:50

Ciao a tutti.
io ho impostato il background di una pagina così:

codice:

<style>body{background:#000000 url("images/sfondo.jpg") no-repeat center;}</style>

.

A questo punto mi piacerebbe poterlo modicare con un link.

Si può fare?
In che modo?

Grazie e ciao.

**pierofix** · 14-04-2005, 13:02

Diciamo che puoi agire in due modi, ma sempre tramite javascript.

1. Cambi solo il background.
2. Carichi direttamente un nuovo css (se hai più modifiche oltre al bg).

In entrambi i casi il concetto è lo stesso (qui ti faccio l'esempio #1):

codice:

function cambiaSfondo() {
   document.getElementById("pagina").style.backgroundImage = "url(img.png)";
}

codice:

Cambia il colore allo sfondo

* Adesso non ricordo quale sia la giusta istruzione DOM: se non funziona facci sapere.

AGGIUNTA: Devi dare id="pagina" al body.

**leleatma** · 14-04-2005, 13:07

Grazie 1000 per la pronta risposta. Ora purtroppo non ho tempo di provare, ma lo farò sta sera.
Subito dopo posterò un resoconto.
Grazie di nuovo.

**pierofix** · 14-04-2005, 13:21

Testato su IE e FF: funziona!

**leleatma** · 14-04-2005, 20:20

Ok, scusami l'ignoranza totale...
mi dici, perfavore, dove è che esattamente devo inserire id="pagina" all'interno di questa riga?

codice:

document.write('<style>body{background:#000000 url("images/sfondo.jpg") no-repeat center;}</style>');

perchè ci sto davvero perdendo la testa.

Grazie ancora.

**HenryXIII** · 14-04-2005, 20:51

non devi aggiungerlo in quella riga

dovresti trovare poco sotto
<body>

lo cambi in
<body id="pagina">

**leleatma** · 14-04-2005, 22:12

Grazie, grande!
Scusa, ma lo ammetto: sono ai primi approci.

Grazie ancora

Discussione: Cambiare background con link

Strumenti discussione

Ricerca discussione

Visualizza

Cambiare background con link

Permessi di invio