Discussion :

[identifiant_bidon]

Bonjour, je dispose du code suivant

Code :

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

1
2
3
4
	if ((document.getElementById('formfield1').options[document.getElementById('formfield1').selectedIndex].text) == 'Profil simple') {
						document.getElementById('id_fin_de_validite').style.display='block';
 
						}

formfield1 est l'id d'un champ select qui agit donc sur la table en la faisant apparait ou disparaitre

Code :

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

1
2
3
4
5
<table id='id_fin_de_validite' width='100%' style='background-color:#e2e2e2;'>
	<tr style='background-color:#ff0000;' height='20px'>
		<td>a</td>
	</tr>
</table>

Je voudrais faire en sorte que la cellule de ma table prenne toute la largeur de cette dernière. Lorsque j'enlève l'id de la table, la largeur de la cellule est bien de 100% mais lorsqu'il est la, la cellule s'arrete au contenu.

Ceci se produit sous firefox. Avec Ie, avec ou sans l'id, la cellule fait bien 100%

Merci pour votre aide

[marts]

Au lieu de

Code :

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

style.display='block'

essayes

Code :

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

style.display='inline-table'

Sinon, pour faire apparaitre et disparaitre ton élément, tu as aussi style.visibility (='visible' ou 'hidden').

[identifiant_bidon]

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 :

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
		<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 :

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

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';	
	}