j'ai beau essayer de modifier vos pages pour qu'il s'adapte a mon besoin mais j'ai pas pu arriver a un bon resultat j'ai toujours un probléme Javascript: Erreur : Objet Inatendu
voilà mes pages:
index.php:
[code]<!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 content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title></title>
<script type="text/javascript">
<!--
if(!document.getElementById){
if(document.all)
document.getElementById=function(){
if(typeof document.all[arguments[0]]!="undefined")
return document.all[arguments[0]]
else
return null
}
else if(document.layers)
document.getElementById=function(){
if(typeof document[arguments[0]]!="undefined")
return document[arguments[0]]
else
return null
}
}
function AjaxUrl(urlFichier, divRetour, actionAjax) {
//--> CREATION DE L'OBJET AJAX
document.getElementById(divRetour).innerHTML = "<p>Traitement en cours...</p>";
if(window.XMLHttpRequest)
objetAjax = new XMLHttpRequest();
else if(window.ActiveXObject)
objetAjax = new ActiveXObject("Microsoft.XMLHTTP");
else {
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
//--> ENVOI DE LA REQUETE
objetAjax.open("GET", urlFichier, true);
objetAjax.send(null);
//--> TRAITEMENT DU RESULTAT
objetAjax.onreadystatechange = function () {
if (objetAjax.readyState == 4) {
if (actionAjax == "HTML") {
document.getElementById(divRetour).innerHTML = objetAjax.responseText;
}
else {
eval(objetAjax.responseText);
}
}
}
}
//-->
</script>
</head>
<body>
<div id="liste1">
<?php
$host = "localhost";
$database = "essai";
$user = "root";
$password = "";
$ajax = mysql_pconnect($host, $user, $password) or die(mysql_error());
$db= mysql_select_db($database);
/* CONNEXION A LA BDD ET DIVERS */
$sql = 'SELECT id_region, region FROM region';
?>
<select name="maListe1" onchange="urlAjax('genererliste2.php?region=this.value', 'liste2', 'HTML')">
<? if (FALSE !== ($res = mysql_query($sql, $ajax))) {
while ($row = mysql_fetch_assoc($res)) {
printf('<option value="%s">%s</option>', $row['id_region'], $row['region']);
}
mysql_free_result($res);
}
?>
</select>
</div>
<div id="liste2">
<p>veuillez choisir un element de la liste 1</p>
</div>
<div id="liste3">
<p>veuillez choisir un element de la liste 2</p>
</div>
</body>
</html>
[/code]
genererliste2.php:
[code]<?php
$host = "localhost";
$database = "essai";
$user = "root";
$password = "";
$ajax = mysql_pconnect($host, $user, $password) or die(mysql_error());
$db= mysql_select_db($database);
/* CONNEXION A LA BDD ET DIVERS */
$requete = mysql_query("SELECT * FROM departement WHERE id_region = '".$_GET['region']."'");
echo "<select name=\"maListe2\" onchange=\"urlAjax('genererliste3.php?departement=this.value', 'liste3', 'HTML')\">";
while ($res = mysql_fetch_assoc($requete)) {
echo "<option value=\"".$res['id_departement']."\">".$res['departement']."</option>";
}
echo "</select>";
/* LA LISTE 2 EST GENEREE */
/* ON SUPPRIME LA LISTE 3 SI ELLE A DEJA ETE GENEREE */
?>
<script type="text/javascript">
<!--
document.getElementById("liste3").innerHTML = "<p>Veuillez choisir un element de la liste 2</p>";
//-->
</script> [/code]
genererliste3.php:
[code]<?php
$host = "localhost";
$database = "essai";
$user = "root";
$password = "";
$ajax = mysql_pconnect($host, $user, $password) or die(mysql_error());
$db= mysql_select_db($database);
/* CONNEXION A LA BDD ET DIVERS */
$requete = mysql_query("SELECT * FROM quartier WHERE id_departement = '".$_GET['departement']."'");
echo "<select name=\"maListe3\" >";
while ($res = mysql_fetch_assoc($requete)) {
echo "<option value=\"".$res['id_quartier']."\">".$res['quartier']."</option>";
}
echo "</select>";
/* LA LISTE 3 EST GENEREE */
echo "Infos complémentaires ICI !";
?> [/code]
Merci :oops:
