Discussion :

[Arkoze]

Bonjour,

J'ai besoin d'un peu d'aide.
Je vous explique mon problème. J'ai un formulaire avec une liste déroulante.

J'aimerai que quand un service est séléctionné (en l'occurence service 'Engineering'), des cases à cocher apparaissent en dessous du menu déroulant. J'y suis arrivé mais cela fonctionne uniquement sur FireFox et pas sur IE.

Voici mon code :

Code :

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

1
2
3
4
5
6
 
<select name="Service" size="1" onchange=" showEngineer( this ) ; " onkeyup="showEngineer( this ) ; ">
<option value="Engineering">Engineering</option>
<option value="IT">IT</option>
<option value="Specification">Specifications</option>	
</select>

Voici mon code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
 
function showEngineer( _this ) {
if ( _this.value == 'Engineering' ) {
document.getElementById( 'engineer_fields' ).style.display = "table-row" ;
}
else {
document.getElementById( 'engineer_fields' ).style.display = "none" ;
}
}

Et en ce qui concerne les cases à cocher que je voudrais faire apparaitre, elles sont dans le code mais cacher grâce au CSS


Voici mon code CSS :

Code :

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

1
2
 
#engineer_fields {display : none ;}

Voila, j'ai essayé d'être le plus clair possible, n'hésitez pas si vous avez des questions.

Merci.

[SpaceFrog]

Code :

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

document.getElementById( 'engineer_fields' ).style.display = "table-row" ;

=>

Code :

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

document.getElementById( 'engineer_fields' ).style.display = "inline" ;

[Arkoze]

Non, en faite, vu que mes cases à cocher sont dans un tableau, il faut que je mette

Code :

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

1
2
 
document.getElementById( 'engineer_fields' ).style.display = "table-row" ;

Cela fonctionne parfaitement sur FireFox mais pas sur IE.

[SpaceFrog]

oui ben tout le problème à l'air de venir du fait qu'IE ne connaitrait pas table-row ...

essaye

Code :

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

display=''

[Arkoze]

Alors, je viens d'essayer les 2 solutions que tu m'as propposé.

2 cas de figure, lorsque je met

Code :

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

1
2
 
document.getElementById( 'engineer_fields' ).style.display = "inline" ;

Cela fonctionne sur IE mais il m'affiche mes cases à cocher un peu n'importe comment sur FF

Lorsque je met

Code :

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

1
2
 
document.getElementById( 'engineer_fields' ).style.display = "" ;

ça fonctionne toujours sur IE mais ne m'affiche pas du tout mes cases à cocher sur FF

[SpaceFrog]

display='block' ?