If else per caricare un tipo di DIV

[Martina80]

Voglio impostare una variabile che mi consenta di caricare una immagine di sfondo per un DIV sulla base per esempio dei giorni pari o dispari (immagini box1.png e box2.png).
Quello che volevo sapere è se risulta possibile impostare con l'IF la scelta all'interno della definizione dello stile.
Io ho:

<style type="text/css">
BODY {font-family:Veranda,Tahoma,Arial,sans-serif; font-size:10pt}
TD {font-family:Veranda,Tahoma,Arial,sans-serif; font-size:8pt}
body{background: #000000 url('gradient2.jpg') repeat-x fixed top;
div.modular{width:230px;
background:url('box1.png') no-repeat bottom left;
padding-bottom:15px}
div.modular div{
background:url('box1.png') repeat-x top left;
padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0}
</style>

e volevo sapere se si può fare una cosa del genere:

<style type="text/css">
BODY {font-family:Veranda,Tahoma,Arial,sans-serif; font-size:10pt}
TD {font-family:Veranda,Tahoma,Arial,sans-serif; font-size:8pt}
body{background: #000000 url('gradient2.jpg') repeat-x fixed top;

IF variabile=1
div.modular{width:230px;
background:url('box1.png' ) no-repeat bottom left;
padding-bottom:15px}
div.modular div{
background:url('box1.png' ) repeat-x top left;
padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0}
ELSE
div.modular{width:230px;
background:url('box2.png' ) no-repeat bottom left;
padding-bottom:15px}
div.modular div{
background:url('box2.png' ) repeat-x top left;
padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0}

</style>

oppure se per ogni riga che mi serve cambiare devo scrivere con document.write?
Scusate la mia domanda ma sto imparando poco per volta e ho sempre bisogno d'aiuto.
Grazie.
Martina.

[cavicchiandrea]

Attenzione javascript riconosce le maiuscole dalle minuscole pertanto in javascript IF non significa niente.
Premesso questo, io creerei due fogli di stile diversi ad esempio foglio_giorni_pari.css | foglio_giorni_dispari.css poi tramite una funzione verificherei il giorno e caricherei quel css, qui trovi http://javascript.html.it nella sezione script trovi utili info.

[Martina80]

Non è che mi sei stato tanto d'aiuto, anzi mi hai smontata un po'.
Vedrò di riuscire a cavarmela da sola poi al limite per qualche aiuto più diretto proverò a richiedere.

[Martina80]

Vedi, le mie difficoltà iniziano nell'inserire nel foglio di stile la definizione dei tag Div.

div.modular{width:230px;
background:url('box1.png' ) no-repeat bottom left;
padding-bottom:15px}
div.modular div{
background:url('box1.png' ) repeat-x top left;
padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0}

Lo so che non è prettamente una domanda da Javascript, ma ormai che ci siamo finiti qualcuno mi sa dire come definire i due tag div nel foglio di stile?
Grazie
Martina

[Martina80]

Originariamente inviato da cavicchiandrea
Attenzione javascript riconosce le maiuscole dalle minuscole pertanto in javascript IF non significa niente.
Premesso questo, io creerei due fogli di stile diversi ad esempio foglio_giorni_pari.css | foglio_giorni_dispari.css poi tramite una funzione verificherei il giorno e caricherei quel css, qui trovi http://javascript.html.it nella sezione script trovi utili info.

Ho seguito il tuo consiglio ma mi trovo che non carica il css, ne uno ne l'altro.
Io ho fatto così (dovrebbe cambiare ogni mezz'ora):

<SCRIPT LANGUAGE="JavaScript">
<!--
var today = new date();
var minutes = today.getMinutes();
if (minutes >= 0 && minutes <=30)
document.write('<link href="style/stiletabellaB.css" rel="stylesheet" type="text/css">');
else
document.write('<link href="style/stiletabellaN.css" rel="stylesheet" type="text/css">');
//-->
</SCRIPT>

ma non mi funziona.
C'è un altro modo per caricare il css se non questo? Ho forse sbagliato a scrivere qualcosa?
Grazie a chi mi aiuta, sono nei casini più profondi.
Martina.