cambiare sfondo con un click

Printable View

26-07-2009, 11.59.02

cambiare sfondo con un click

Sapete darmi uno script di non molte righe...

ho 3 immagine e vorrei che cliccando cambi sfondo al sito
io uso il css sapete darmi una mano:razz:
26-07-2009, 12.00.57

Codice:

function cambia_bg(hex) { document.body.style.background = hex; }

E all'immagine inserisci l'attributo, onclick="cambia_bg('#F4F4F4')"
26-07-2009, 12.26.31

come sfondo dovrei mettere delle immagini no dei colori XD
26-07-2009, 20.36.33

Cambia la funzione così:

Codice:

function cambia_bg(uri) { document.body.style.backgroundImage = "url(" + uri + ")"; }

e la usi, onclick="cambia_bg('img1.png')"

Saluti!
27-07-2009, 12.08.20

grax...^^

se per esempio volessi salvare come sfondo preferito del utente
dovrei usare i cookie come posso fare...
27-07-2009, 12.35.43
programmazioned

setCookie, getCookie, deleteCookie.
Ciao!
05-08-2009, 17.59.57

Perchè non mi funziona, ho controllato l'esensione, il nome dei file, ed e tutto ok ma quando clicco sui bottoni non succede niente...

Questa è la pagina php:

Codice PHP:

<HTML> <HEAD> <TITLE>New Document</TITLE> </HEAD> <link type="text/css" rel="stylesheet" href="cambia_bg.css" /> <BODY> <INPUT TYPE="BUTTON" VALUE="Sfondo-1" onclick="cambia_bg('1.JPEG')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-2" onclick="cambia_bg('2.JPEG')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-3" onclick="cambia_bg('3.JPEG')""> </BODY> </HTML>

e questo è il css:

Codice PHP:

function cambia_bg(uri) { document.body.style.backgroundImage = "url(" + uri + ")"; }

Qualche consiglio? :roll:
06-08-2009, 22.36.47
miki92

Zoomer hai errato ad inserire codice nel giusto file, quello non è codice CSS ma è del codice javascript quindi deve venir inserito in pagine .js e no .css inoltre deve essere richiamato in questo modo:

Codice HTML:

<script type="text/javascript" src="file.js"></script>
06-08-2009, 22.43.59

Ancora non funziona

index.php

Codice PHP:

<HTML> <HEAD> <TITLE>New Document</TITLE> <script type="text/javascript" src="bg.js"></script> </HEAD> <BODY> <INPUT TYPE="BUTTON" VALUE="Sfondo-1" onclick="cambia_bg('1.JPEG')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-2" onclick="cambia_bg('2.JPEG')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-3" onclick="cambia_bg('3.JPEG')""> </BODY> </HTML>

bg.js

Codice PHP:

function cambia_bg(uri) { document.body.style.backgroundImage = "url(" + uri + ")"; }
06-08-2009, 23.03.24
miki92

Prova a premere CTRL + F5 per aggiornare la cache ed inoltre se non funziona posta un esempio on-line per farci verificare meglio.
06-08-2009, 23.10.20

ecco il link
LINK
06-08-2009, 23.36.10
miki92

Citazione:

Originalmente inviato da zomer

ho controllato l'esensione, il nome dei file, ed e tutto ok

Sicuro proprio di aver controllato bene? Ti ricordo che ci troviamo su Server Linux quindi la distinzione tra minuscole e maiuscole è rilevante...nel tuo codice si può ben vedere che le estensioni sono errate:

Codice HTML:

<HTML> <HEAD> <TITLE>New Document</TITLE> <script type="text/javascript" src="bg.js"></script> </HEAD> <BODY> <INPUT TYPE="BUTTON" VALUE="Sfondo-1" onclick="cambia_bg('1.JPEG')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-2" onclick="cambia_bg('2.JPEG')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-3" onclick="cambia_bg('3.JPEG')""> </BODY> </HTML>

Il codice corretto dovrebbe essere:

Codice HTML:

<HTML> <HEAD> <TITLE>New Document</TITLE> <script type="text/javascript" src="bg.js"></script> </HEAD> <BODY> <INPUT TYPE="BUTTON" VALUE="Sfondo-1" onclick="cambia_bg('1.jpg')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-2" onclick="cambia_bg('2.jpg')""> <INPUT TYPE="BUTTON" VALUE="Sfondo-3" onclick="cambia_bg('3.jpg')""> </BODY> </HTML>
07-08-2009, 00.08.12
programmazioned

Ci sono delle virgolette di troppo.
Ciao!
24-08-2009, 19.51.12

vi vorrei fare un altra doamnda...io vorrei dare la posisbilità ai miei utenti di scegliere tra molti sfondo per questo avevo pensato...posso fare in modo che l'utente clicci su un link, si apra un pop up con delle miniature dello sfondo e sotto un bottone prova vi allego un immagine per farvi capire meglio....
http://img89.imageshack.us/img89/5035/31268710.png