Discussion :

[yiwen]

Bonjour à tous,

J'ai un formulaire de recherche contenant plusieurs champs input que j'ai séparé dans des fieldset.
Je veux que ma recherche se fasse selon un seul type de fieldset à la fois.

Code html :

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
36
37
 
<div id="form">
	<form method="post" action="">
		   <fieldset>
			<legend> Site </legend>
			<label for="nom">Nom :</label><input type="text"  id="nom" />
		        <label for="identifiant">identifiant :</label>   <input type="text" id="ident" />             
			</fieldset>
			<br>
			<fieldset id="coord">	
				<legend> Entiers </legend>
				<label for="x"> Co.X :</label><input type="text" id="x" />
		        <label for="y"> Co.Y :</label>   <input type="text" id="y" />                                                                            
			</fieldset>
			<br>
			<fieldset>	
				<legend> Zone </legend>	
		        <label for="plaque">Plaque :</label>   <input type="text" id="y"  />                                                                            
			</fieldset>
			<br>
			<fieldset>	
				<legend> Date </legend>
				<label for="dd">Début :</label><input type="text" id="dd"   />
		        <label for="df">Fin :</label>   <input type="text" id="df"  />                                                                            
			</fieldset>
			<br>
			<fieldset>	
				<legend>Fichier.xls </legend>	
		        <label for="xml"> Importez le fichier .xls :</label>  
		        <input type="file" name="myfile"id="myfile"  />                                                                        
			</fieldset>
		    <br>
 
		 <input type="submit" id="submit" value='Valider'  >
 
	</form>
  </div>

[Tendhor57]

Si tu souhaites simplement masquer tes fieldset, pour exemple avec :

Code html :

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

<fieldset id="coord">...</fieldset>

Il te suffit d'ajouter en css ceci :

Code css :

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

1
2
3
#coord{
   visibility:hidden;
}

Si maintenant tu veut passer par une fonction js, cela donne ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
funciton changevisibilite(){
if(condition){
   //ton fieldset passe en visible
   document.getElementById('coord').style.visibility="visible";
}
else{
   //il passe en invisible
   document.getElementById('coord').style.visibility="hidden";
}
}

Voilà une piste.

[yiwen]

Merci pour ta réponse.

A dire vrai je cherche un moyen très simple pour pouvoir effectuer une recherche par un seul type à la fois. C'est-à-dire je récupère juste les valeurs saisies dans un seul fieldset.

Y a-t-il moyen de faire simple ?

La solution que tu m'a proposé certe répond à ma question, et je viens de me rendre compte que ça rend mon formulaire un peu détrioré coté loock. (un bouton submit séparé du formulaire, page cadré pour ne contenir qu'un seul fieldset...etc)
S'il y a moyen juste de freezer les fieldest au lieu de les rendre invisibles.
concernant les deux conditions ;
1/ la première correspond au click sur le fieldset ou au passage de sourie.
2/ la deuxième c'est quand on quitte le fieldset et que les valeurs des champs sont vides.
mais comment représenter tout ça en javascript??

[Tendhor57]

Sauf erreur de ma part, mais si tu ne veux traiter qu'une seul partie de ton formulaire, le mieux ce serait de faire autant de formulaire que de partis, car une fois ton formulaire envoyé il est traité en entier par php. Après peut être d'autres solutions existent.

[yiwen]

Je me suis dit, si j'arrive à ne laisser la recherche active qu'avec un seul type de fieldset, je traiterai les champs non vides.