Discussion :

[Are-no]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Shinuza]

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

[Are-no]

J'été plus parti sur le getElementsByName.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[SpaceFrog]

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 ...