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] tutorial 2 listes liées ne fonctionne pas


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut [AJAX] tutorial 2 listes liées ne fonctionne pas
    bonjour étant nul en ajax je recherchais la solutions ici

    une fonction ajax quel est la solutions svp

    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
     
    			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 sur le click du bouton
    			*/
    			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('ville').innerHTML = leselect;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","ajaxVille.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 de l'auteur
    				sel = document.getElementById('province');
    				idauteur = sel.options[sel.selectedIndex].value;
    				xhr.send("idProvince="+idprovince);
    			}
    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
                <td><form><b>Province :</b></td>
                <td><select name='auteur' id='auteur' onchange='go()'>
    					<option value='-1'>Aucun</option>
    					<?					
    						$res = mysql_query("SELECT * FROM province ORDER BY nom");
    						while($row = mysql_fetch_assoc($res)){
    							echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
    						}
    					?>
    				</select>
                </td>
                <td><b>Ville :</b></td>
                <td>
    				<div id='ville' style='display:inline'>
    				<select name='ville'>
    					<option value='-1'>Choisir une ville</option>
    				</select>
    				</div>		
    		      </form>
                <form>          
                </td>
              </tr>
              <tr>
    ajaxVille.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
    <?php 
    include("sources/config.php");
     
            echo "<select name='ville'>";
            if(isset($_POST["idProvince"])){
     
                    $res = mysql_query("SELECT id,titre FROM ville
                            WHERE idProvince=".$_POST["idProvince"]." ORDER BY titre");
                    while($row = mysql_fetch_assoc($res)){
                            echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";
                    }
            }
            echo "</select>";
     
            
            
    ?>

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    tutorial 2 liste liées ne fonctionne pas
    Il ne fonctionne pas ou tu n'arrives pas à l'adapter ?
    De nombreuses discussions existent au sujet de ce tutoriel, tu as fait une recherche ?
    quel est la solutions svp
    Euh... tu crois pas qu'il serait utile de nous dire quel est le problème avant ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  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
    Bonjour,

    sel = document.getElementById('province');
    <select name='auteur' id='auteur' onchange='go()'>
    Et de là à dire que le tuto ne fonctionne pas .

    A+.

  4. #4
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    bonjour tu change même cela correctement cela ne donne rien

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name='province' id='province' onchange='go()'>
    rien ne va

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    la solutions est la mais j'ai un soucis avec la deuxième liste qui ne s'incére pas dans le select ?

    http://www.developpez.net/forums/d11...y/#post6294876

  6. #6
    Invité
    Invité(e)
    Par défaut
    Bonsoir,
    un peu de cohérence ne fait pas de mal...

    remplacer :
    // ici, l'id de l'auteur
    sel = document.getElementById('province');
    idauteur = sel.options[sel.selectedIndex].value;
    xhr.send("idProvince="+idprovince);
    par :
    // ici, l'id de la province
    sel = document.getElementById('idprovinceId');
    idprovince = sel.options[sel.selectedIndex].value;
    xhr.send("idProvince="+idprovince);
    ET :
    <td><form><b>Province :</b></td>
    <td><select name='auteur' id='auteur' onchange='go()'>
    par :
    <td><form><b>Province :</b></td>
    <td><select name="province" id="idprovinceId" onchange="go();">
    Et revois la position des balises <form> et </form> (très mal placées)

Discussions similaires

  1. [Prototype] Listes liées ne fonctionnent pas
    Par averoos dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 04/02/2013, 22h32
  2. Réponses: 16
    Dernier message: 25/03/2010, 10h09
  3. [HTML] Ancre liée à formulaire fonctionne pas avec certains boutons "submit" sur ie6
    Par 12monkeys dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 28/02/2008, 21h30
  4. Synchronisation de liste qui ne fonctionne pas
    Par Gabrieel dans le forum VBA Access
    Réponses: 5
    Dernier message: 31/10/2007, 09h58
  5. [AJAX] Pb de listes liées en mode Synchrone sous FireFox
    Par olive_le_malin dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 19/12/2006, 17h28

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