[JS] Recuperare l'immagine di sfondo di un div

15-04-2006, 14.41.46

Ciao a tutti!
Avrei bisogno di un piccolo aiuto per uno script.
Ho un div con lo sfondo ("header.jpg") impostato in questo modo:

Codice HTML:

<div id="header" style="background-image: url(header.jpg)">blablabla</div>

adesso vorrei sapere come fare per recuperare il nome dello sfondo di quel div con javascript. Ho provato con

Codice HTML:

document.getElementById("header").style.backgroundImage;

ma non mi funziona, mi restituisce un valore vuoto..

Avete qualche idea?
PS: Naturalmente mi servirebbe compatibile anche con FireFox..

15-04-2006, 15.33.16

ecco:

Codice HTML:

<script type="text/javascript">
function comment(o){
alert(o.style.backgroundImage);
}
</script>
<body onload="javascript:comment(document.getElementById('header'))">
<div id="header" style="background-image: url(header.jpg); display:block">blablabla</div>
</body>

nn è il massimo...ma sfortunatamente getElementById() fa smepre un sacco di capricci...qst è l'unico modo di farlo funzioanre...

15-04-2006, 15.51.10

Grazie per la risposta ma purtroppo non saprei come inserirlo nella mia pagina. Provo a spiegare meglio il mio problema. Ho una pagina con un div (header) che ha uno sfondo (header.jpg). Vorrei che cliccando su un link quello sfondo venga sostituito con un altro (ad esempio header2.jpg).

Ho chiesto come fare per conoscere il nome per poter poi utilizzare quella funzione per sostituire il nuovo sfondo..

Faccio un esempio con un immagine qualsiasi:

Codice HTML:

<img id="immagine" src="header.jpg"><a href="javascript:document.getElementById('header').src='header2.jpg'">Cambia</a>

solo che dovrei applicarlo allo sfondo di un div al posto che all'immagine...

15-04-2006, 15.57.08

uhmm...capito...

Codice HTML:

<script type="text/javascript">
function comment(o,x){
o.style.backgroundImage = "url("+x+")";
}
</script>
<body>
<div id="header" style="background-image: url(header.jpg)">blablabla</div>
<a href="javascript:comment(document.getElementById('header'), 'a.jpg')">Cambia</a>
</body>

15-04-2006, 16.25.08

Perfetto!!
Grazie 1000!!

Discussione: [JS] Recuperare l'immagine di sfondo di un div

LinkBack

Strumenti discussione

Display

[JS] Recuperare l'immagine di sfondo di un div

Regole di scrittura