IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] 3 listes deroulantes liées


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de caro71ol
    Étudiant
    Inscrit en
    Janvier 2011
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 34

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2011
    Messages : 145
    Par défaut [AJAX] 3 listes deroulantes liées
    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>";
    ?>

  2. #2
    Membre confirmé Avatar de caro71ol
    Étudiant
    Inscrit en
    Janvier 2011
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 34

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2011
    Messages : 145
    Par défaut
    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
    Images attachées Images attachées  

  3. #3
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonsoir,
    echo "<select name='heurefin' size='2' style='font-size:18' style='width: 200px'>";
    var sel2 = document.getElementById('heuredebut');
    Ton select généré n'a pas d'id heuredebut.

    A+.

  4. #4
    Membre confirmé Avatar de caro71ol
    Étudiant
    Inscrit en
    Janvier 2011
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 34

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2011
    Messages : 145
    Par défaut
    c'est à dire?

    désolé mais je decouvre ses langages.

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Dans la fonction go(), regarde tu as
    document.getElementById('heuredebut').innerHTML = leselect;
    et dans la fonction go2()
    var sel2 = document.getElementById('heuredebut');
    et dans le HTML tu as
    <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+.

  6. #6
    Membre confirmé Avatar de caro71ol
    Étudiant
    Inscrit en
    Janvier 2011
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 34

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2011
    Messages : 145
    Par défaut
    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

Discussions similaires

  1. [AJAX] liste deroulante liée ajax dur dur
    Par kate59 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/02/2009, 22h34
  2. Liste deroulante liée
    Par monphp dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/05/2007, 14h05
  3. deux listes deroulantes liées
    Par skanderb dans le forum JSF
    Réponses: 10
    Dernier message: 21/05/2007, 18h10
  4. Deux listes deroulantes liées entre elles
    Par killerhertz dans le forum ASP
    Réponses: 4
    Dernier message: 16/07/2006, 22h43
  5. [AJAX] listes deroulantes liées x3
    Par Tempotpo dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/04/2006, 16h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo