[js / css] modifier une classe dynamiquement !

modifier une classe dynamiquement ! [js / css] - HTML/CSS - Programmation

Marsh Posté le 07-03-2003 à 11:25:46    

hello,
je cherche un moyen de modifier dynamiquement une classe css définie dans une feuille de style, a l'aide de javascript,
par exemple
 
 
<style>
.zob {color:red;}
</style>
 
 
<script>
document.styles["zob"].color = "green";
</script>
 
 
 
un truc de ce style la quoi :)


---------------
mangez du mozilla c le futur, c votre DESTIN ! http://www.mozilla.org/releases/
Reply

Marsh Posté le 07-03-2003 à 11:25:46   

Reply

Marsh Posté le 07-03-2003 à 14:10:30    

:ouch:


---------------
mangez du mozilla c le futur, c votre DESTIN ! http://www.mozilla.org/releases/
Reply

Marsh Posté le 07-03-2003 à 15:55:39    

moi je vois pas à part des trucs dans ce style là:
http://armorance.free.fr/valastuc/fds10.htm

Reply

Marsh Posté le 07-03-2003 à 17:40:40    

j'ai finalement trouvé :)
 
http://jscript.dk/2002/10/cssclasschange.html
 
 


<script type="text/javascript">
 
/* This script section contains the reusable functions */
/* Copyright 2002 Thor Larholm, jscript.dk */
 
function getClassRule(sClass, sStyle){
 if(typeof sClass!="string" ) return;
 sClass = sClass.replace(/^([^\.])/,".$1" );
 var oStyle, cStyle=document.styleSheets;
 if(sStyle) return getRuleByStart( sClass, cStyle[sStyle]);
 else
  for(var i=0, il=cStyle.length, C; i<il; i++){
   C = getRuleByStart( sClass, cStyle[i] );
   if(C) return C;
  }
}
function getRuleByStart( sName, oStyle){
 if(typeof sName!="string" ) return;
 var bUpper = /^[^#\.]/.test(sName);
 if(bUpper) sName = sName.toUpperCase();
 for(var i=0, R=oStyle.rules||oStyle.cssRules, il=R.length, C; i<il; i++){
  C = R[i].selectorText; if(typeof C!="string" ) continue;
  if(bUpper) C = C.toUpperCase();
  if( C.indexOf( sName )==0) return R[i];
 }
}
</script>


---------------
mangez du mozilla c le futur, c votre DESTIN ! http://www.mozilla.org/releases/
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed