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

Soyez le premier à donner votre avis sur cette source.

Vue 12 856 fois - Téléchargée 3 820 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

NHenry
Messages postés
14599
Date d'inscription
vendredi 14 mars 2003
Statut
Modérateur
Dernière intervention
8 décembre 2019
137 -
Bonjour,

Afin de faciliter la lecture de ta source, peux-tu retirer au moins le fichier SQL du code posté (pas du zip, mais du code visible directement sur la page).

Cela permettra de réduire la taille de la page.
proraf
Messages postés
9
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
19 avril 2016
-
Bonsoir,
ok.

Merci.
Reldan
Messages postés
14
Date d'inscription
mercredi 27 octobre 2010
Statut
Membre
Dernière intervention
27 mai 2013
-
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
cecke
Messages postés
16
Date d'inscription
vendredi 1 juin 2012
Statut
Membre
Dernière intervention
15 février 2014
-
Bonjour proraf ,

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

cecke
proraf
Messages postés
9
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
19 avril 2016
-
Bonsoir cecke,

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

Merci à vous tous.

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.