Discussion :

[philippe123]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">&nbsp;</td>
</tr>
 
</table>

merci à tous pour votre aide

[Auteur]

bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("tab").style.backgroundColor=couleur;

et oublie bgcolor.

[philippe123]

Un grand merci à toi Auteur

@ bientôt