bouton avec condition

Version imprimable

19/07/2010, 00h48
com486

bouton avec condition

:salut:
j'ai crée un formulaire d'inscription en php et je veux un bouton qui charge une page. le choix de la page se fait en fonction des valeurs saisie.
par exemple si l'utilisateur choisie l'option x il ouvre la page x ainsi de suite...

quelque sais comment je peux m'en sortir ? merci :zoubi:
19/07/2010, 09h32
gwyohm

Bonjour,

Tu peux nous montrer ce que tu as déjà fait ? le formulaire (le flux généré, pas le php) et éventuellement le javascript en cours.

Code:

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
<form  method="post" name="registrFrm" id="registrFrm" action="add.php">
            	<p>
                    <label>Formation : *</label>
            		<select name="formation">
                    	<option value="-1">-------</option>
                        <option value="1">Maitrise</option>
                        <option value="2">License</option>
                     </select>
 
				</p>
 
            	<p>
                    <label>Nom : *</label>
            		<input name="nom" type="text" id="nom" value="" maxlength="20" onkeypress=""/>
 
				</p>
                <p>
                    <label>Prénom : *</label>
            		<input name="prenom" type="text" id="prenom" value="" maxlength="20"/>
 
				</p>
 
 
            			<!-- Next Button-->
                 		<input id="suivant" type="button" class="button" value="Suivant" onclick=""/>
 
            </form>

voici le formulaire qui va renvoyer les données vers le fichier add.php ou ils seront stocké dans la BDD. le bouton suivant va afficher la suite de la procédure d'inscription en fonction de la formation.
voila ce que j'ai réussit a faire pour le moment :?
des suggestions ?

Salut,

Tu peux par exemple profiter de la valeur de la select pour décider des champs suivants à afficher en fonction de la class css par exemple:

Code:

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
 
<script type="text/javascript">
var getByClass = function(klass) {
	var tabClass=[];
	var tabElts=document.getElementsByTagName('*');
	var i=0;
	while(tabElts[i]){
		if(tabElts[i].className){
		  var classes = tabElts[i].className.split(" ");
		  for(var j=0,size=classes.length; j<size;j++) {
			 if(classes[j] == klass){
			   tabClass.push(tabElts[i]);
			   break;
			 }
		  }       
		}
		i++;  
	}
	return tabClass;
}
 
var displayNext = function() {
  // on masque ceux qui sont dependent d'un champ
  var dependents = getByClass("for_formation");
  for(var i=0,size=dependents.length; i<size;i++) {
    dependents[i].style.display="none";
  }
 
  var nexts = getByClass("for_formation_" + document.getElementById("registrFrm").elements["formation"].value);
  for(var i=0,size=nexts.length; i<size;i++) {
    nexts[i].style.display="block";
  }
}
</script>
<form  method="post" name="registrFrm" id="registrFrm" action="add.php">
<p>
  <label>Formation : *</label>
  <select name="formation" >
  <option value="-1">-------</option>
  <option value="1">Maitrise</option>
  <option value="2">License</option>
  </select>
</p>
<p>
  <label>Nom : *</label>
  <input name="nom" type="text" id="nom" value="" maxlength="20" onkeypress=""/>
</p>
<p>
  <label>Prénom : *</label>
  <input name="prenom" type="text" id="prenom" value="" maxlength="20"/>
</p>
<!-- Next Button-->
<input id="suivant" type="button" class="button" value="Suivant" onclick="displayNext()"/>
 
<p style="display:none" class="for_formation for_formation_1">
  <label>Champ que pour maîtrise</label>
  <input name="maitrise" type="text" id="maitrise" value="" maxlength="20"/>
</p>
<p style="display:none" class="for_formation for_formation_2">
  <label>Champ que pour licence</label>
  <input name="licence" type="text" id="licence" value="" maxlength="20"/>
</p>
<p style="display:none" class="for_formation for_formation_1 for_formation_2">
  <label>Champ que pour maîtrise et licence</label>
  <input name="maitrise_licence" type="text" id="maitrise_licence" value="" maxlength="20"/>
</p>
</form>