cambiare sfondo con un click

26-07-2009, 11.59.02

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

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...

**programmazioned** · 27-07-2009, 12.35.43

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?

**miki92** · 06-08-2009, 22.36.47

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 + ")";

}

**miki92** · 06-08-2009, 23.03.24

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

**miki92** · 06-08-2009, 23.36.10

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>

**programmazioned** · 07-08-2009, 00.08.12

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....

Discussione: cambiare sfondo con un click

LinkBack

Strumenti discussione

Display

cambiare sfondo con un click

Regole di scrittura