clic e cambio sfondo

[InternetMania]

ciao a tutti ...

io dovrei fare in modo, che cliccando su una immagine, lo sfondo della pagina cambi ...
non un link di che si collega ad un'altra pagina uguale ma con sfondo uguale, ma proprio che cambia solo lo sfondo della pagina ...

grazie

[artorius]

di tutta la pagina?
Allora devi fare così:

<a href="javascript:void(0)" onclick="cambiaImmagine('immagineDaCambiare.jpg')" >
[img]miaImmagine.jpg[/img]
</a>

poi crei lo script JS:

function cambiaImmagine(src)
{
document.body.style.backgroundImage = 'url('+src+')';
}

Dovrebbe andare se al posto di immagineDaCambiare.jpg metti il path completo all'immagine da cambiare.

[InternetMania]

non ho capito molto bene ...
all' immagine metto questo link:

<a href="javascript:void(0)" onclick="cambiaImmagine( qui il link all'immagine sfondo )">
[img]qui l'immagine a cui applico il link, cioè dove clicco[/img]
</a>

e poi questo:

function cambiaImmagine(src)
{
document.body.style.backgroundImage = 'url('+src+')';
}

non l'ho capito molto bene, puoi spiegarmelo brevemente a cosa serve?

[artorius]

Allora:

Per usare Javascript devi inserire il tag <script type="text/javascript"></script>

Ciò che viene messo nel tag viene eseguito come JS.

tu inserisci la funzione

function cambiaImmagine(src)
{
document.body.style.backgroundImage = 'url('+src+')';
}

e quando clicchi sul link <A> attivi la funzione, perché hai indicato nell'evento onClick dell'elemento la funzione da attivare.

la funzione non fa altro che modificare la proprietà CSS del BODY "background-image" con quella passata nella stringa dopo =

[InternetMania]

ahn ok ... piu tardi lo provo poi ti faccio sapere ...
intanto puoi anticiparmi come posso invece di cambiare lo sfondo della pagina, come posso cambiare lo sfondo di in un div, cioè l'immagine che fa da sfondo al div ... forse ci riesco da solo, ma è sempre meglio avere una fonte sicura

cosi li provo tutti e due ...

[artorius]

Beh, devi ottenere l'oggetto JS corrispondente al div (con le funzioni dom tipo document.getElementById() ) e fai lo stesso che con il body:

metti di avere:
<div id=""MioDiv">

</div>

fai

function cambiaImmagine(src)
{
document.getElementById('MioDiv').style.background Image = 'url('+src+')';
}

[InternetMania]

ok ora li provo ...


-----------------


si ok funziona tutto .. grazie

PS: pero ho notato una cosa, se aggiorno la pagina lo sfondo diventa normale, cioè l'effetto del cambio immagine si toglie e ritorna lo sfondo normale .. come mai? non ce il modo per tenerlo cosi sempre?? ... o almeno finkè non clicco su un'altra immagine che mi mette uno sfonod diverso ...

[artorius]

Dunque, JS effettua modifiche Temporanee al HTML. Quando ricarichi la pagina tutte le azioni vengono cancellate. Devi creare un metodo che setta le le impostazioni nei Cookies o nella sessione (se stai usando un linguaggio di Scripting lato server) se vuoi che rimanga, creando un sistema di aggiornamento della pagina al caricamento in base a quelle impostazioni.

In ogni caso, queste sono cose che richiedono una bona dose di lavoro...

[InternetMania]

e non ce un sito che parla di questo? cosi da prendere un po di spunto ...

[br1]

Originariamente inviato da InternetMania
e non ce un sito che parla di questo? cosi da prendere un po di spunto ...

Il javascript, come tutti i linguaggi, e' un unsieme di istruzioni, le cui infinite conbinazioni posso portare a molteplici risultati... puoi trovare la spiegazione dell'utilizzo di ogni istruzione, ma addirittura un sito che tratti il tuo specifico problema non credo

Cerca su manuali, references, tutorial informazioni sull'uso dei cookies, lato client e/o lato server, a seconda della tecnologia che decidi di utilizzare

ciao