changer couleur ligne tableau
salut à tous
j'ai un pb simple que je n'arrive pas à resoudre
j'ai un tableau avec une ligne ayant un id = "tab"
J'ai egalement une liste deroulante qui suivant le choix appelle un fct javascript "choixcouleur()"
mais la ya un ptit soucis que je n'explique pas...
document.getElementById("tab").bgcolor renvoit bien la couleur de la ligne
mais
document.getElementById("tab").bgcolor="une couleur"
-> la aucune incidence...
je ne comprends pas!
voici le code
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
|
<script language="javascript" type="text/javascript">
function choisirCouleur(choix)
{
var couleur = choix.options[choix.options.selectedIndex].id;
if(couleur!='def')
{
document.getElementById("tab").bgcolor=couleur;
}
}
</script>
<table width="200" border="0">
<tr>
<td>Couleur</td>
<td>
<select name="select_couleur" onchange="choisirCouleur(this)">
<option id="def" selected>Choisir une couleur...</option>
<option id="#FF8080" style="background:#FF8080">Couleur 1</option>
<option id="#FFFF80" style="background:#FFFF80">Couleur 2</option>
<option id="#A4C8F0" style="background:#A4C8F0">Couleur 3</option>
<option id="#00FF80" style="background:#00FF80">Couleur 4</option>
<option id="#C0C0C0" style="background:#C0C0C0">Couleur 5</option>
<option id="#C0DCC0" style="background:#C0DCC0">Couleur 6</option>
<option id="#FF80FF" style="background:#FF80FF">Couleur 7</option>
</select>
</td>
</tr>
<tr id="tab" bgcolor="">
<td colspan="2"> </td>
</tr>
</table> |
merci à tous pour votre aide