Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme de programmation web et ajax

    4 novembre 2010 à 21:44:53

    Bonjour,

    je suis actuellement en train de programmer un site web sur des ventes de voitures dans le cadre de mes etude!

    cela fait un peut plus d'une semaine que je planche sur mon code ajax mais je n'y arrive pas!

    ce que je veut faire : je possede 3 listbox qui sont respectivement la marque de la voiture, le modele et pour finir sa categorie.
    j'aimerai que lorsque je selection peugeot en tand que marque , le modele de la marque peugeot s'affiche dans l'autre listbox et ainsi que suite pour le modele et les categorie

    ce que j'ai programmer:

    JAVASCRIPT
    <script language="javascript">
    function request05(f) {
    	var l1    = f.elements["list1"];
    	var l2    = f.elements["list2"];
    	var index = l1.selectedIndex;
    	if(index < 1)
    		l2.options.length = 0;
    	else {
    		var xhr_object = null;
    		
    		if(window.XMLHttpRequest) // Firefox
    			xhr_object = new XMLHttpRequest();
    		else if(window.ActiveXObject) // Internet Explorer
    			xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    		else { // XMLHttpRequest non supporté par le navigateur
    			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
    			return;
    		}
    	
    		xhr_object.open("POST", "verifmodele.php", true);
    		
    		xhr_object.onreadystatechange = function anonymous() {
    			if(xhr_object.readyState == 4)
    				eval(xhr_object.responseText);
    		}
    	
    		xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    		var data = "family="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";
    		xhr_object.send(data);
    	}
    }
    </script>
    


    PHP
    <form name="form_selects" action="" method="">
    
    			Marque&nbsp;:
    
    			<select name="list1" onchange="request05(this.form)">
    
    				<option value="" selected="selected"></option>
    
    				<option value="Peugeot">Peugeot</option>
    
    				<option value="BMW">BMW</option>
    
    			</select>
    
    			&nbsp;&nbsp;&nbsp;Modele&nbsp;:
    
    			<select name="list2" >
    
    			</select>
    
    	</form>
    


    FICHIER VERIFMODELE.php
    <?php
    header('Content-type: text/html; charset=iso-8859-1');
    
    $mysql_db = mysql_connect("localhost", "root", "");
    mysql_select_db("jouveauto");
    
    $query  = "SELECT `nom_modele` FROM `modele`,`marque`,`voiture` WHERE `voiture.id_marque=marque.id_marque` AND `voiture.id_modele=modele.id_modele` AND `nom_modele` = '".$_POST["family"]."'";
    $query .= " ORDER BY `nom_modele`";
    $result = @mysql_query($query);
    
    echo 'var o = null;';
    echo 'var s = document.forms["'.$_POST["form"].'"].elements["'.$_POST["select"].'"];';
    echo 's.options.length = 0;';
    while($r = mysql_fetch_array($result))
    	echo 's.options[s.options.length] = new Option("'.$r["nom_modele"].'");';
    
    @mysql_close($mysql_db);
    ?>
    


    en esperant une reponse rapide
    merci d'avance de votre aide!!
    • Partager sur Facebook
    • Partager sur Twitter
      6 novembre 2010 à 13:50:15

      JEtte un coup d'oeil la, il y a exactement ce que tu souhaites :

      Listes liées
      • Partager sur Facebook
      • Partager sur Twitter

      Probleme de programmation web et ajax

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown