Autore Topic: script su IE e FF (Letto 2498 volte)

verbal_666 · « **il:** 13 Febbraio 2005 22:01:08 »

con il seguente semplice script, che però è sviluppato in maniera migliore sul mio sito www.verbal.it, non riesco a far visualizzare il background con FF, mentre IE lo visualizza senza problemi non appena il js viene processato.

suggerimenti?

Codice: [Seleziona]


<body>
<table width="100%"><tr><td id="id" ><br><br><br></td></tr></table>
<script>
document.getElementById("id").background="1.jpg";
</script>
</body>

klades · « **Risposta #1 il:** 14 Febbraio 2005 00:32:26 »

Citazione da: verbal_666

suggerimenti?

Prova con

Codice: [Seleziona]


document.getElementById("id").style.backgroundImage = 'url("1.jpg")';

Ciao, Paolo

verbal_666 · « **Risposta #2 il:** 14 Febbraio 2005 17:29:29 »

grazie.... così funziona.... quindi agisco sul css e lascio perdere la proprietà del tag TD (o TABLE)... bene...

domanda da 1000euro: ma perchè IE interpreta bene il primo script con un semplice .background, mentre FF no? non è standard la proprietà background applicata a tag TD/TABLE?

klades · « **Risposta #3 il:** 14 Febbraio 2005 19:54:03 »

Citazione da: verbal_666

domanda da 1000euro: ma perchè IE interpreta bene il primo script con un semplice .background, mentre FF no? non è standard la proprietà background applicata a tag TD/TABLE?

No, direi piuttosto che non è standard la proprietà "background" applicata a "document.getElementById".
Quando selezioni un elemento con "document.getElementById" e vuoi applicarci una regola tipo css, devi usare la proprietà "style" seguita dall'indicazione di cosa vuoi modificare, in questo caso "backgroundImage".
In questo codice:

Codice: [Seleziona]


<body>
<table width="100%"><tr><td id="id" ><br><br><br></td></tr></table>
<script>
document.getElementById("id").style.backgroundImage = 'url("1.jpg")'; 
</script>
</body>

lo script agisce sempre sull'oggetto "id", cioè sul tag TD, solo che essendo scritto secondo una sintassi corretta funziona su tutti i browser.
Ciao, Paolo