Taille de table modifiée sur Onchange avec Firefox
Voila mon souci, il est tout bête. Je dispose d'un champ select. Initialement sous le champ il y a une cadre rouge de largeur 100% de la page. Lorsque je sélectionne le choix 2, le cadre rouge disparait bien mais lorsque je re sélectionne le Choix 1 le cadre rouge apparait mais la largeur est égale a son contenu alors que je voudrais qu'elle soit toujours a 100%.
Ceci se produit sous FIREFOX et je ne sais pas pourquoi..
Merci pour votre aide
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <TABLE width='100%' cellspacing='5'>
<tr>
<TD>
<select id='change_profil' onChange= 'Change_Type_profil();'>
<option>Choix 1</option>
<option>Choix 2</option>
<option>Choix 3</option>
</select>
</TD>
</tr>
</TABLE>
<TABLE width='100%' id='cadre_rouge'>
<tr style='background-color:#ff0000;' height='20px'>
<td>a</td>
</tr>
</TABLE> |
Code:
1 2 3 4 5 6
| function Change_Type_profil() {
if ((document.getElementById('change_profil').options[document.getElementById('change_profil').selectedIndex].text) == 'Choix 1')
document.getElementById('cadre_rouge').style.display='block';
else
document.getElementById('cadre_rouge').style.display='none';
} |