modifier un style.

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

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' :
--------------------
<link rel="stylesheet" href="color.css" type="text/css">
<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>
<p><button onclick="chgeClass('.green','color','blue')">
green --> blue </button>
<button onclick="chgeClass('.red','fontWeight','bold')">
red en gras </button>
<form action="#"
onsubmit="chgeClass(this[0].value,this[1].value,this[2].value);return
false">
<p><select><option>.red<option>.green</select>
Style:<input> - valeur:<input> <input type=submit>
</form>

--
sm