Création d'une liste deroulante continent pays gouvernorat ville -- php mysql ajax

0/5 (6 avis)

Vue 16 613 fois - Téléchargée 4 356 fois

Description

Bonjour à tous.

voici un petit programme, que j'ai récupéré sur Internet.

et que je veux le déposer comme produit final sur le net.
j’espère qu'il sera utile pour certain.

Merci pour vos commentaire et votre aide pour que je puisse le finir.

Source / Exemple :


#################
#   index.php   #
#################

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Continent-Pays-Gouvernorats-Ville_du_monde</title>
<style type="text/css">
<!--
.Style1 {font-size: 18px}
body {
	background-color: #FFFFFF;
}
.Style4 {font-size: 24px; font-family: "Monotype Corsiva"; color: #660000; }
.Style5 {color: #000066}
.Style8 {font-size: 14px}
.Style9 {font-size: 16px}
.Style10 {color: #0000CC}
form {background-color:#FFFFCC}
-->
</style>
<script type='text/javascript'>
<!--
var xhr = null; 
	 
	function getXhr(){
				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; 
				} 
			}
////---->>>>	--------------------------------------------------------------------------------------------------------------------------------		
///--->>>
			/**

  • Méthode qui sera appelée sur le click du bouton
  • /
function go(){ 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('paysok').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxP.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 continent var sel = document.getElementById('continent'); var idcontinent = sel.options[sel.selectedIndex].value; xhr.send("idContinent="+idcontinent); } ///--->>> ---------------------------------------------------------------------------------------------------------------------- function gou(){ 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('gouveok').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxG.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 continent var sel = document.getElementById('pays'); var idpays = sel.options[sel.selectedIndex].value; xhr.send("idPays="+idpays); } ///--->>> ---------------------------------------------------------------------------------------------------------------------- function ville(){ 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('villeok').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxV.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 continent var sel = document.getElementById('gouvernoratsd'); var idgouvernoratsd = sel.options[sel.selectedIndex].value; xhr.send("idGouvernoratsd="+idgouvernoratsd); } ///--->>> ///--->>> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } //--> </script> </head> <body onload="MM_preloadImages('image/bttel1.gif')"> <table width="279" height="83" bgcolor="#FFFFFF"> <tr> <td width="87">Continent</td> <td width="10">:</td> <td width="173" bgcolor="#FFFFFF"> <select name='continent' id='continent' onchange='go()'> <option value='-1' selected="selected" >Choisir un Continent</option> <?php include("connect.php"); $res = mysql_query("SELECT * FROM continent ORDER BY nomcontinent"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."'>".$row["nomcontinent"]."</option>"; } ?> </select> </td> </tr> <tr> <td>Pays</td> <td> :</td> <td bgcolor="#FFFFFF"> <div id='paysok' style='display:inline'> <select name='pays' id='pays' onchange='gou()'> <option value='-1' selected="selected">Choisir un Pays</option> </select> </div></td> </tr> <tr> <td>Gouvernorats</td> <td>:</td> <td bgcolor="#FFFFFF"> <div id='gouveok' style='display:inline'> <select name='gouvernoratsd' id='gouvernoratsd' onchange='gou()'> <option value='-1' selected="selected">Choisir un Gouvernorats</option> </select> </div></td> </tr> <tr> <td>Villes</td> <td>:</td> <td bgcolor="#FFFFFF"> <div id='villeok' style='display:inline'> <select name='ville' id='ville' onchange='ville()'> <option value='-1' selected="selected" >Choisir une Villes</option> <?php $res = mysql_query("SELECT COUNT(*) AS `Enregistrements`, `Ville` FROM `villes` GROUP BY `Ville` ORDER BY `Ville` LIMIT 0, 30000 "); ?> </select></td> </tr> </table> </body> </html> ################# # ajaxP.php # ################# <?php echo "<select name='pays' id='pays' onchange='gou()'>"; if(isset($_REQUEST["idContinent"])){ include("connect.php"); $res = mysql_query("SELECT * FROM pays WHERE id_continent=".$_REQUEST["idContinent"]." ORDER BY nompays"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."'>".$row["nompays"]."</option>"; } } else{ echo "<option value='-1'>Choisir un Pays</option>"; } echo "</select>"; // ?> ################# # ajaxG.php # ################# <?php echo "<select name='gouvernoratsd' id='gouvernoratsd' onchange='ville()'>"; if(isset($_REQUEST["idPays"])){ include("connect.php"); $res = mysql_query("SELECT * FROM gouvernoratsd WHERE id_pays=".$_REQUEST["idPays"]." ORDER BY nomGouvernorat"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."'>".$row["nomGouvernorat"]."</option>"; } } else{ echo "<option value='-1'>Choisir un Gouvernorats</option>"; } echo "</select>"; // ?> ################# # ajaxV.php # ################# <?php echo "<select name='ville' id='ville' >"; if(isset($_REQUEST["idGouvernoratsd"])){ include("connect.php"); $res = mysql_query("SELECT * FROM villes WHERE id_gouvernorat=".$_REQUEST["idGouvernoratsd"]." ORDER BY Ville"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."'>".$row["Ville"]."</option>"; } } else{ echo "<option value='-1'>Choisir un Gouvernorats</option>"; } echo "</select>"; // ?> ################### # connect.php # ################### <?php mysql_connect("localhost","root","motdepasse"); mysql_select_db("systeme"); ?>

Conclusion :


Je n'ai pas réussi à réaliser mon petit programme.
Qui peut m'aider à corriger les erreurs?

Codes Sources

A voir également

Ajouter un commentaire Commentaires
320C Messages postés 94 Date d'inscription dimanche 24 avril 2011 Statut Membre Dernière intervention 15 janvier 2014
16 févr. 2013 à 07:34
Salut!
Je viens de tester le programme mais il n 'y a que le continent et le pays qui s'affiche bien ordonnée mais le gouvernorats, et la ville deviennent impossible alors on passe on debug !

Cordialement !
proraf Messages postés 9 Date d'inscription vendredi 13 juin 2003 Statut Membre Dernière intervention 19 avril 2016
21 juin 2012 à 23:10
Bonsoir cecke,

Enfin voila j'ai terminer mon programme, et je vous l'offre. :)
peut être vous trouverais utile.

Merci à vous tous.
cecke Messages postés 16 Date d'inscription vendredi 1 juin 2012 Statut Membre Dernière intervention 15 février 2014
21 juin 2012 à 16:16
Bonjour proraf ,

Merci pour le commentaire, pas pour la note.
Quelle aide attends-tu de moi ?

cecke
Reldan Messages postés 14 Date d'inscription mercredi 27 octobre 2010 Statut Membre Dernière intervention 27 mai 2013
21 juin 2012 à 10:31
et de manière générale essai de séparer le "couches" => l'acces à la base, le js, le css, l'affichage. Parceque là là c'est imbuvable.
Bonne continuation
proraf Messages postés 9 Date d'inscription vendredi 13 juin 2003 Statut Membre Dernière intervention 19 avril 2016
19 juin 2012 à 22:40
Bonsoir,
ok.

Merci.
Afficher les 6 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.