Partie cachée d'un formulaire

**Kazumi** · 04/06/2013, 09h56

Bonjour,

Par défaut, la page m'affiche mon div en visible alors que cela ne devrait pas être le cas. En effet Mono rien ne devrait rien afficher, Multi le champ de saisie s'affiche.
Or le formulaire doit s'ouvrir avec Mono par défaut mais le div s'affiche automatiquement.
Cependant la fonction pour cacher le div donctionne car lorsque je change Multi/Mono il disparait.

CODE php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name="valuation" onchange="Mono_Multi(this.value);"> 
<option value="0">Mono</option>
<option value="1">Multi</option>
</select>
 
<?php
echo "<div id=\"divVPU_valeur\"  class=\"ligne\" style=\"visibility:hidden display:none\"><label class=\"w150px\">VPU Valeur : <span class=\"obligatoire\">*</span></label><span class=\"zone_champ_saisie\">";
echo "<input  type=\"text\" class=\"champ_saisie\" size=\"30\" name=\"valeur\" />";
echo "</div>";
 ?>

CODE js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
function Mono_Multi(val)
{
	if(val==1)
	{
		document.getElementById('divVPU_valeur').style.visibility='visible';
		document.getElementById('divVPU_valeur').style.display='block';
	} else  {
		document.getElementById('divVPU_valeur').style.visibility='hidden';
		document.getElementById('divVPU_valeur').style.display='none';
	}
}
</script>

**hackoofr** · 04/06/2013, 10h13

essaies d'ajouter dans la feuille de style

Code css :

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

1
2
3
4
5
6
<style>
#divVPU_valeur
{
   display:none;
}
</style>

Voici un exemple qui peut vous donner une petite idée avec afficher/cacher des forms:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
<style>
#form1,#form2,#form3{
   display:none;
}
</style>
<script type="text/javascript">
function hideThis(id){
    var obj = document.getElementById(id);
    if(obj.style.display == "block")
        obj.style.display = "none";
    else
        obj.style.display = "block";
}
</script>
<body>
<input type="button" value="Afficher/Cacher Form1" onclick="hideThis('form1')"/>
<input type="button" value="Afficher/Cacher Form2" onclick="hideThis('form2')"/>
<input type="button" value="Afficher/Cacher Form3" onclick="hideThis('form3')"/>
 
<center>
   <FORM id="form1" method="POST" action="page_traitement.php">
   <input type="text"/>
   <input type="submit" value="Valider"/>
</FORM>
</center>
 
<center>
<Form  id="form2" method="POST" action="page_traitement2.php">
<CENTER><label><TABLE WIDTH="500" BORDER="3" BGCOLOR="#BBBBBB" BORDERCOLOR="#000000" CELLPADDING="3" CELLSPACING="5"></CENTER>
<TR BGCOLOR="#346E99">
<TD><CENTER><H2>LOGIN</H2></TD></CENTER></TR>
<TR BGCOLOR="#346E99">
<TD HEIGHT="150"><CENTER><B>Username  :  </B><INPUT TYPE="TEXT" NAME="USERNAME" SIZE="30"><P>
<B>Password  :  </B><INPUT TYPE="PASSWORD" NAME="PASSWORD" SIZE="30"><P>
<INPUT TYPE="SUBMIT" VALUE="  LOGIN  " STYLE="filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#8ff2ff', EndColorStr='#008785')">
<TR BGCOLOR="#346E99">
</TD></TR></TABLE>
</Form>
</center>
 
<center>
<form method="post" id="form3" action="pagederemerciements.php">
	<p>
		<label for="nom">Nom :</label>
		<input type="text" name="nom" id="nom" />
	</p>
 
	<p>
		<label for="prenom">Prénom :</label>
		<input type="text" name="prenom" id="prenom" />
	</p>
 
	<p>
		<label for="email">Email :</label>
		<input type="text" name="email" id="email" />
	</p>
 
	<p>
		<label for="message">Message :</label><br />
		<textarea name="message" cols="45" rows="10"></textarea>
	</p>
 
	<p>
		<input type="submit" value="Envoyer" />
	</p>
</form>
</center>
</body>
</html>

Partie cachée d'un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager