probleme 3 listes deroulantes liées

caro71ol · 18/01/2011, 14h12

la deuxieme liste est liée a la premiere et la troisieme est liée a la deuxieme.

sauf que pour la troisieme rien en marche

ajoutacti.php :

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
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<?php
	session_start();
?>
<html>
	<head>
		<title>Ajout dans le planning</title>
		<script type='text/javascript'>
 
			function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr;
			}
 
			/**
			* Méthode qui sera appelée a la selection jour
			*/
			function go(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
 
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('heuredebut').innerHTML = leselect;
 
					}
 
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","heuredebut.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id du jour
				var sel = document.getElementById('Jour');
				var idjour=sel.options[sel.selectedIndex].value;
				xhr.send("idJour="+idjour);
 
			}
 
						/**
			* Méthode qui sera appelée a la selection heure debut
			*/
			function go2(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
 
						// On se sert de innerHTML pour rajouter les options a la liste
 
						document.getElementById('heurefin').innerHTML = leselect;
					}
					alert(leselect);
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","heurefinbon.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id du heuredebut
				var sel2 = document.getElementById('heuredebut');
				var iddebut=sel2.options[sel2.selectedIndex].value;
				xhr.send("idDebut="+iddebut);
			}
 
		</script>
	</head>
	<body>
	<center>
		<form >
			<fieldset style="width: 500px" style="height:800px"style="font-size:26">
				<legend>Ajout dans le planning</legend>
				<label>Jour : </label><br>
				<select name='Jour' id='Jour'  onchange='go()' size="2" style="font-size:18" style="width: 200px" >
					<option value="lundi">Lundi </option>
					<option value="mardi">Mardi </option>
					<option value="mercredi">Mercredi </option>
					<option value="jeudi">Jeudi </option> 
					<option value="vendredi">Vendredi </option>
					<option value="samedi">Samedi </option>
					<option value="dimanche">Dimanche </option>
				</select> <br><br>
				<label>Heure debut : (disponible selon jour)</label><br>
				<div id='heuredebut' style='display:inline'>
				<select id='heuredebut' size="10" style="font-size:18"   style="width: 200px" >
					<option value="0">Choisir un jour</option>
				</select>
				</div>
				<br><br><label>Heure fin : (disponible selon heure debut)</label><br>
				<div id='heurefin' style='display:inline'>
				<select id='heurefin' size="10" style="font-size:18" style="width: 200px" >
					<option value="0">Choisir une heure de debut</option>
				</select>
				</div>
				<br><br>
								<label>Activité : </label><br>
				<select name='Activite' id='activite'  size="2" style="font-size:18" style="width: 200px" >
					<?php
						mysql_connect("localhost","root","") 
						or die("Mysql connect error");
						mysql_select_db("reservation");
						$res = mysql_query("SELECT * FROM activite ") 
						or die ('Erreur sql!'.$res.'<br/>'.mysql_error());
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["numero_activite"]."'>".$row["libelle_activite"]."</option>";
						}
					?>
				</select> <br><br>
				</form>
				<form method="post" action="ajoutacti.php">
				<input type="submit" value="Ajouter" name="ajouter" style="font-size:22">
				<input type="button" value="Retour" name="retour" style="font-size:22">
			</fieldset>
		</form>
	</center>
	</body>
</html> 
 
<?php
if (isset($_POST['ajouter'])) {
 
}
?>

heuredebut.php :

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
19
20
21
22
23
24
25
26
27
28
29
<?php
	session_start();
?>
<?php
	echo "<select name='heuredebut' size='10' style='font-size:18'   style='width: 200px' onchange='go2()'>";
	if(isset($_POST["idJour"])){
	$jour=$_POST["idJour"];
 
		mysql_connect("localhost","root","") or die("Mysql connect error");
		mysql_select_db('reservation');
		$res = mysql_query("SELECT * 
FROM creneau
WHERE jour_creneau = '$jour'
AND id_creneau NOT 
IN (
 
SELECT num_creneau
FROM planning, creneau
WHERE creneau.id_creneau = planning.num_creneau
AND jour_creneau = '$jour'
ORDER BY num_creneau
);")
			or die ('Erreur sql!'.$res.'<br/>'.mysql_error());
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id_creneau"]."'>".$row["hdebut_creneau"]."</option>";
		}
	}
	echo "</select>";
?>

heurefinbon.php :

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
19
20
21
22
23
24
25
26
27
28
29
30
<?php
	session_start();
?>
<?php
echo "hdebut :".$_POST['idDebut'];
	echo "<select name='heurefin' size='2' style='font-size:18'   style='width: 200px'>";
	if(isset($_POST["idDebut"])){
$debut=$_POST['idDebut'];
$debut=$debut+2;
 
		mysql_connect("localhost","root","") or die("Mysql connect error");
		mysql_select_db('reservation');
		$res = mysql_query("SELECT * 
FROM creneau
WHERE id_creneau='$debut'
AND id_creneau NOT 
IN (
SELECT num_creneau
FROM planning, creneau
WHERE creneau.id_creneau = planning.num_creneau
AND id_creneau='$debut'
ORDER BY num_creneau
);")
			or die ('Erreur sql!'.$res.'<br/>'.mysql_error());
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id_creneau"]."'>".$row["hfin_creneau"]."</option>";
		}
	}
	echo "</select>";
?>

caro71ol · 18/01/2011, 14h15

quand je selection une heure de debut cela maffiche : (du a " alert(leselect) ", pour tester), mais rien s'affiche pour le "echo" de test de la troisieme liste

andry.aime · 18/01/2011, 17h28

Bonsoir,

Citation:

echo "<select name='heurefin' size='2' style='font-size:18' style='width: 200px'>";

Citation:

var sel2 = document.getElementById('heuredebut');

Ton select généré n'a pas d'id heuredebut.

A+.

caro71ol · 19/01/2011, 08h13

c'est à dire?

désolé mais je decouvre ses langages.

andry.aime · 19/01/2011, 11h47

Dans la fonction go(), regarde tu as

Citation:

document.getElementById('heuredebut').innerHTML = leselect;

et dans la fonction go2()

Citation:

var sel2 = document.getElementById('heuredebut');

et dans le HTML tu as

Citation:

<div id='heuredebut' style='display:inline'>
<select id='heuredebut'

Un id doit être unique et en générant ton second select, donne lui un id avec lequel tu vas lui appeler dans la fonction go2().

A+.

caro71ol · 19/01/2011, 11h59

alors j'ai modifié :

Code :

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

1
2
3
 
	<div id='heuredebut2' style='display:inline'>
				<select id='heuredebut' size="10" style="font-size:20"   style="width: 200px" >

et

Code :

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

1
2
3
4
	function go(){
				....
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('heuredebut2').innerHTML = leselect;

mais cela ne marche toujours po ai-je oublié quelque chose?

p.s :merci de ta patiente

andry.aime · 19/01/2011, 12h43

Code :

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

echo "<select name='heuredebut' id='heuredebut' size='10' style='font-size:18'   style='width: 200px' onchange='go2()'>";

caro71ol · 19/01/2011, 13h45

les changements :

Code :

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

echo "<select  id='heuredebut3' size='10' style='font-size:18'   style='width: 200px' onchange='go2()'>";

Code :

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

	echo "<select id='heurefin' size='2' style='font-size:20'   style='width: 200px'>";

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
document.getElementById('heuredebut2').innerHTML = leselect;
.....
document.getElementById('heurefin2').innerHTML = leselect;
...
	var sel2 = document.getElementById('heuredebut3');
...
 
				<div id='heuredebut2' style='display:inline'>
				<select id='heuredebut' size="10" style="font-size:20"   style="width: 200px" >
 
....
				<div id='heurefin2' style='display:inline'>
				<select id='heurefin' size="10" style="font-size:20" style="width: 200px" >

et avec tout cela, cela fonctionne merci il me manque plus qu'à m'occuper de l'ajout dans la base à partir des listes deroulantes

andry.aime · 19/01/2011, 14h12

Attention, tes select généré n'ont pas d'attribut name si tu utilises un bouton submit pour faire l'ajout.

A+.

caro71ol · 20/01/2011, 08h32

Code :

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

1
2
3
4
5
6
7
8
<?php
if (isset($_POST['ajouter'])) {
$jour=$_POST['jour1'];
echo 'jour :',$jour;
$activ=$_POST['activite1'];
echo 'acti : ', $activ;
}
?>

cela maffiche comme erreur :

Citation:

" Notice: Undefined index: jour1 in G:\stage piscine\logiciels portable\EasyPHP-5.3.5.0\www\logiciel\test2\ajoutplanning\ajoutacti.php on line 141 "

et

Citation:

" Notice: Undefined index: activite1 in G:\stage piscine\logiciels portable\EasyPHP-5.3.5.0\www\logiciel\test2\ajoutplanning\ajoutacti.php on line 143 "

et

Citation:

" Notice: Undefined index: heuredebut1 in G:\stage piscine\logiciels portable\EasyPHP-5.3.5.0\www\logiciel\test2\ajoutplanning\ajoutacti.php on line 145 "

pourtant j'ai mis des "name" à la liste jour, activite et heuredebut et heurefin.

andry.aime · 21/01/2011, 15h48

1-

Citation:

Notice: Undefined index: jour1 in G:\stage piscine\logiciels portable\EasyPHP-5.3.5.0\www\logiciel\test2\ajoutplanning\ajoutacti.php on line 141 "

Le name de ton premier select est "Jour" mais pas jour1

2-Comme ton formulaire n'a pas d'attribut methode, il utilisera par défaut GET mais pas POST.
3-Peut-on voir comment les codes php qui génère les deux select?

A+.

caro71ol · 24/01/2011, 08h26

le select pour jour :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<form method="post" >
			<fieldset style="width: 500px" style="height:800px"style="font-size:26">
				<legend>Ajout dans le planning</legend>
				<label>Jour : </label><br>
				<select  id='jour'  name='jour1' onchange='go()' size="2" style="font-size:20" style="width: 200px" >
					<option value="lundi">Lundi </option>
					<option value="mardi">Mardi </option>
					<option value="mercredi">Mercredi </option>
					<option value="jeudi">Jeudi </option> 
					<option value="vendredi">Vendredi </option>
					<option value="samedi">Samedi </option>
					<option value="dimanche">Dimanche </option>
				</select> <br><br>

et le select pour l'activité :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
								<label>Activité : </label><br>
				<select name='activite1' id='activite'  size="2" style="font-size:20" style="width: 200px" >
					<?php
						mysql_connect("localhost","root","") 
						or die("Mysql connect error");
						mysql_select_db("reservation");
						$res = mysql_query("SELECT * FROM activite ") 
						or die ('Erreur sql!'.$res.'<br/>'.mysql_error());
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["numero_activite"]."'>".$row["libelle_activite"]."</option>";
						}
					?>
				</select> <br><br>
				</form>

andry.aime · 24/01/2011, 09h34

C'est un nouveau problème ou c'est lié au problème de listes liées car je ne vois pas les relations avec les listes générées heuredebut et heurefin

caro71ol · 24/01/2011, 11h18

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
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
71
 
			function go(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
 
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('heuredebut2').innerHTML = leselect;
 
					}
 
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","heuredebut.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id du jour
				var sel = document.getElementById('jour');
				var idjour=sel.options[sel.selectedIndex].value;
				xhr.send("idJour="+idjour);
 
			}
 
						/**
			* Méthode qui sera appelée a la selection heure debut
			*/
			function go2(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
 
						// On se sert de innerHTML pour rajouter les options a la liste
 
						document.getElementById('heurefin2').innerHTML = leselect;
					}
 
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","heurefinbon.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id du heuredebut
				var sel2 = document.getElementById('heuredebut3');
				var iddebut=sel2.options[sel2.selectedIndex].value;
				xhr.send("idDebut="+iddebut);
			}
 
....
 
<label>Heure début : <br>(disponible selon jour)</label><br>
				<div id='heuredebut2' style='display:inline'>
				<select id='heuredebut' size="10" style="font-size:20"   style="width: 200px" >
					<option value="0">Choisir un jour</option>
				</select>
				</div>
				<br><br><label>Heure fin : <br>(disponible selon heure debut)</label><br>
				<div id='heurefin2' style='display:inline'>
				<select id='heurefin' size="10" style="font-size:20" style="width: 200px" >
					<option value="0">Choisir une heure de debut</option>
				</select>
				</div>

et

heuredebut.php

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
19
20
21
22
23
24
25
26
27
28
29
30
<?php
	session_start();
?>
<?php
echo "<select  id='heuredebut3' name='heuredebut1' size='10' style='font-size:18'   style='width: 200px' onchange='go2()'>";
 
	if(isset($_POST["idJour"])){
	$jour=$_POST["idJour"];
 
		mysql_connect("localhost","root","") or die("Mysql connect error");
		mysql_select_db('reservation');
		$res = mysql_query("SELECT * 
FROM creneau
WHERE jour_creneau = '$jour'
AND id_creneau NOT 
IN (
 
SELECT num_creneau
FROM planning, creneau
WHERE creneau.id_creneau = planning.num_creneau
AND jour_creneau = '$jour'
ORDER BY num_creneau
);")
			or die ('Erreur sql!'.$res.'<br/>'.mysql_error());
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id_creneau"]."'>".$row["hdebut_creneau"]."</option>";
		}
	}
	echo "</select>";
?>

heurefinbon.php

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
19
20
21
22
23
24
25
26
27
28
29
<?php
	session_start();
?>
<?php
	echo "<select id='heurefin' name='heurefin1' size='2' style='font-size:20'   style='width: 200px'>";
	if(isset($_POST["idDebut"])){
$debut=$_POST['idDebut'];
$debut=$debut+2;
 
		mysql_connect("localhost","root","") or die("Mysql connect error");
		mysql_select_db('reservation');
		$res = mysql_query("SELECT * 
FROM creneau
WHERE id_creneau='$debut'
AND id_creneau NOT 
IN (
SELECT num_creneau
FROM planning, creneau
WHERE creneau.id_creneau = planning.num_creneau
AND id_creneau='$debut'
ORDER BY num_creneau
);")
			or die ('Erreur sql!'.$res.'<br/>'.mysql_error());
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id_creneau"]."'>".$row["hfin_creneau"]."</option>";
		}
	}
	echo "</select>";
?>

19/01/2011, 08h13	#4
caro71ol Nouveau Membre du Club caroline Étudiant Inscription : janvier 2011 Messages : 140 Détails du profil Informations personnelles : Nom : caroline Âge : 20 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 140 Points : 28 Points : 28	c'est à dire? désolé mais je decouvre ses langages.
	00

19/01/2011, 12h43	#7
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	Code : Sélectionner tout - Visualiser dans une fenêtre à part echo "<select name='heuredebut' id='heuredebut' size='10' style='font-size:18' style='width: 200px' onchange='go2()'>";
	00

19/01/2011, 14h12	#9
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	Attention, tes select généré n'ont pas d'attribut name si tu utilises un bouton submit pour faire l'ajout. A+.
	00

24/01/2011, 09h34	#13
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	C'est un nouveau problème ou c'est lié au problème de listes liées car je ne vois pas les relations avec les listes générées heuredebut et heurefin
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email