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?
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.