modifier un style.

Le
WebShaker
Bonjour.

j'ai dans un fichier css un style

disons
.test {color:red;}

je voudrai en javascript modifier ce style afin que tout les element qui
utilisent ce style soient modifiés.

Est ce possible ?
Etienne
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Mickaël Wolff
Le #21599561
WebShaker a écrit :
Est ce possible ?
Etienne



Il y a quelques jours j'ai apporté un élément de réponse sur cette
problématique à bertrand.

--
Mickaël Wolff aka Lupus Michaelis
http://lupusmic.org
SAM
Le #21624411
Le 4/21/10 12:11 AM, WebShaker a écrit :
Bonjour.

j'ai dans un fichier css un style

disons
.test {color:red;}

je voudrai en javascript modifier ce style afin que tout les element qui
utilisent ce style soient modifiés.



fichier 'color.css' :
---------------------
.green { color: green }
span { font-weight: bold }

fichier 'test.htm' :
--------------------
<style type="text/css">
.red { color: red }
</style>
<script type="text/javascript">
function chgeClass(maClasse, sonStyle, saValeur) {
var s = document.styleSheets;
if(s) {
for(var i=0, n=s.length; i<n; i++) {
var r = s[i].rules || s[i].cssRules;
for(var j=0, z=r.length; j<z; j++) {
if(r[j].selectorText == maClasse)
r[j].style[sonStyle] = saValeur;
}
}
}
else alert('navigateur non compatible');
}
</script>
<p class="red">test <span class="green"># 1</span></p>
<p class="red">test <span class="green"># 2</span></p>
<p class="red">test <span class="green"># 3</span></p>
green --> blue </button>
red en gras </button>
<form action="#"
onsubmit="chgeClass(this[0].value,this[1].value,this[2].value);return
false">
Style:<input> - valeur:<input> <input type=submit>
</form>

--
sm
Publicité
Poster une réponse
Anonyme