Forum « Re: passer couleur cellule en variable »

Forum « Programmation Javascript » (archives)

Re: passer couleur cellule en variable

Envoyé: 13 mars 2006, 10h50 par chrisb

La solution la plus élégante est d'utiliser des styles et de les modifier onload à l'aide de la fonction getElementsByClass() proposée à http://www.javascriptfr.com/codes/FONCTION-GETELEMENTSBYCLASS_27999.aspx

exemple :

<html>
<head>
<style type="text/css">

</style>

<script type="text/javascript">
// merci http://www.javascriptfr.com/codes/FONCTION-GETELEMENTSBYCLASS_27999.aspx
var couleur1='#99ccff' ;
var couleur2='#000000' ;

function getElementsByClass(maClass) {
var tabRetour = new Array();
var tabTmp = new Array();
tabTmp = document.getElementsByTagName("*");
j=0;
for (i=0; i<tabTmp.length; i++) {
if (tabTmp[i].className==maClass) {
tabRetour[j]=tabTmp[i];
j++;
}
}
return tabRetour;
}
function changer(){
for(var i=0;i<getElementsByClass("fond1").length;i++){
getElementsByClass("fond1")[i].style.background=couleur1;
}
for(var i=0;i<getElementsByClass("fond2").length;i++){
getElementsByClass("fond2")[i].style.background=couleur2;
}
}
</script>
</head>
<body onLoad="changer()" >
<table>
<tr>
<td class="fond1">case 1</td>
<td class="fond2">case 2</td>
</tr>
</table>
</body>
</html>