javascript che non funziona con safari!!!

[Simon]

ciao a tutti!

ho un js che mi permette di caricare un'immagine di sottofondo differente a seconda della risoluzione video che ho impostato.
funziona stupendamente con IE ma non ne vuole sapere di funzionare con Safari. in pratica lascia lo sfondo bianco e non carica l'immagine....dove sto sbagliando secondo voi?


<script language="JavaScript" type="text/javascript">
<!--
imgCode="";
if (screen.width > 1024){
imgCode="'casa.jpg');}";
}
else{
if (screen.width > 800){
imgCode = "'albergo.jpg');}";
}
else{
imgCode = "'condominio.jpg');}";
}
}

htmlCode="<style type=\"text/css\">body {margin:0px; background:url(";
htmlCode = htmlCode + imgCode;
document.write(htmlCode);
// -->
</script>


e poi nel fogli di stile ho messo

<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>

grazie!!!!

simon

[Mich_]

Vedo un errore JS ed un errore CSS.

La stringa risultante deve essere (ad esempio):
<style type="text/css">body {margin:0px; background:url(casa.jpg);}
senza gli apici dentro le parentesi.

La struttura di un if...then...else in JS e`:

if (condizione) {
  costrutto then
} else if (condizione) {  //queste due righe si possono ripetere
  costrutto secondo then  //
} else {
  costrutto else
}

Detto questo io farei un JS da richiamare all'onload che setta lo sfondo al CSS con l'istruzione:
document.body.style.background = "url(casa.jpg)";

[Simon]

grazie per la risposta Mich.

Ok per gli apici, ma per la struttura del Js mi sto incasinando.

da quello che mi hai scritto dovrebbe essere

<script language="JavaScript" type="text/javascript">
<!--
imgCode="";
if (screen.width > 1024){
imgCode="casa.jpg);}";
then }
else{
if (screen.width > 800){
imgCode = "albergo.jpg );}";
then }
else{
imgCode = "condominio.jpg);}";
}
}

htmlCode="<style type=\"text/css\">body {margin:0px; background:url(";
htmlCode = htmlCode + imgCode;
document.write(htmlCode);
// -->
</script>


scusa ma mi sfugge qualcosa i then piazzati cosi' non sono giusti.....infatti da errore e lo sfondo non si vede...ops...

adesso sto solo provando il costrutto del js non ho ancora provato quello che suggerisci tu per document.body.style.background = "url(casa.jpg)";


ciao
simon

[Mich_]

var imgCode="";
if (screen.width > 1024) {
  imgCode="casa.jpg);}";
} else if (screen.width > 800) {
  imgCode = "albergo.jpg );}";
} else {
  imgCode = "condominio.jpg);}";
}
alert(imgCode);

Ho usato teminologia da programmatore: evidentemente non lo sei. Un breve corso di programmazione (ad esempio uno dei tutorial JS di HTML.it) non ti farebbe male.

[Simon]

ciao Mich,
no non sono un programmatore, ma studiando lo posso diventare.

grazie per la risposta.
ho capito

ciao
simon