Gestion des css

Voilà mon problème, jai plusieur <div> qui utile la même class CSS pour leur couleur de fond :

Code:

---

1 2 3 4

<div id='1' class='mon_style'></div> <div id='2' class='mon_style'></div> <div id='3' class='mon_style'></div>

---

Code:

---

1 2 3 4 5 6 7

.mon_style{ background-color:#EFF5FF; background-image:url(../img/window.png); background-repeat:repeat-x; background-position:top; }

---

J'aimerai facilement avec javascript changer la couleur et l'image de mon style et surtout que ca s'applique en temps réel.

Une idée ?

Hi.
La première chose à faire est de récupérer via javascript, un nodeSet qui contient uniquement les nodes que tu veux manipuler.

Pour ça il te faut la méthode getElementsByTagName();

Dans un deuxième tant, tu ajoutes une classe css qui change les éléments de style que tu souhaites voir être modifiés.

Ici la méthode replace(); appliqué à chacun des élements de ton nodeSet

J'été plus parti sur le getElementsByName.

Après un peu d'effort, jai réussi à sortir ca :

Code:

---

1 2 3 4 5 6

var compteur = document.getElementsByName('dyn_fond').length; for (i=0; i<=(compteur-1); i++){ document.getElementsByName('dyn_fond')[i].style.backgroundColor = "#e1fbfe"; document.getElementsByName('dyn_fond')[i].style.backgroundImage = "url(/img/window2.png)"; }

---

Il me reste plus qu'à rajouter name='dyn_fond' a tout les <div> que je veut modifier.

Mais comme ca serai trop facile, ca marche nickel, sauf pour les div qui sont caché avec display:none ...

Une autre idée ?

et de l'utilité de modifier l'apparence d'un truc qui n'est même plus inclus dasn le flux HTML de la page ?
Pourquoi vouloir modifier un truc invisible ?
Modifies le au moment ou tu le rendra visible ...