Merci sadeq, je n'ai pas encore eu le temps de bien étudier ton code, mais je me pose une question quand même...Peut-on l'adapter avec une base de données car j'ai le sentiment qu'on rentre les données en bas dans :
Code : Tout sélectionner
$pays = new ListBox("pays", "Pays");
//
$villes_france = new ListBox("ville", "Ville");
$villes_france->AddItem("paris", "Paris", true);
$villes_france->AddItem("le mans", "Le Mans");
$pays->AddItem("fr", "France", true, $villes_france);
//
$villes_maroc = new ListBox("ville", "Ville");
$villes_maroc->AddItem("marrakech", "Marrakech", true);
$villes_maroc->AddItem("oujda", "Oujda");
$pays->AddItem("ma", "Maroc", false, $villes_maroc);
Par exemple pays et ville peuvent être remplacés par le nom de mes tables ? Bon faut que j'étudie ça car au premier test juste copier-coller ça me met une erreur :
Parse error: parse error, expecting `T_OLD_FUNCTION' or `T_FUNCTION' or `T_VAR' or `'}'' in z:\program files\easyphp1-8\www\site-agilicom\sadeq.php on line 7
C'est parce que je n'ai pas PHP 5 ?
Je regarde ça ce week-end ou lundi promis..En tout cas merci de m'aider à progresser...
Sinon voilà ce que j'avais fait aussi (faut pas mentir je me suis aidée d'un tutorial !)et qui ne marche pas..Ca aurait étonnant autrement !
La partie JavaScript dans la page liste-deroulante.php:
Code : Tout sélectionner
<script type='text/javascript'>
var xhr = null;
// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
var pickRecentProgID = function (idList){
// found progID flag
var bFound = false;
for(var i=0; i < idList.length && !bFound; i++){
try{
var oDoc = new ActiveXObject(idList[i]);
o2Store = idList[i];
bFound = true;
}catch (objException){
// trap; try next progID
};
};
if (!bFound)
throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez à mettre à jour votre navigateur");
idList = null;
return o2Store;
}
// Retourne un nouvel objet XmlHttpRequest
var GetXmlHttpRequest_AXO=null
var GetXmlHttpRequest=function () {
if (window.XMLHttpRequest) {
return new XMLHttpRequest()
}
else if (window.ActiveXObject) {
if (!GetXmlHttpRequest_AXO) {
GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
}
return new ActiveXObject(GetXmlHttpRequest_AXO)
}
return false;
}
// Compatibilité avec le script du tutoriel AJAX (developpez.com)
getXhr=GetXmlHttpRequest;
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(){
var xhr = 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 avec l'id du select de la date
document.getElementById('date_form').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","Ajaxdate.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 select formation
sel = document.getElementById('forma');
idforma = sel.options[sel.selectedIndex].value;
xhr.send("id_formations="+idforma);
}
function go(esp){
var xhr = 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 avec l'id du select du lieu
document.getElementById('lieu_form').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","Ajaxlieu.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 select date
sel = document.getElementById('date_form');
iddate = sel.options[sel.selectedIndex].value;
xhr.send("id_date="+iddate);
}
</script>
La partie PHP et HTML de cette même apge liste-deroulante.php :
<form>
<fieldset style="width: 500px">
<legend>Liste liées</legend>
<label>Formation</label>
<select name='formations' id='forma' onchange='go()'>
<option value='-1'>Formations</option>
<?
// Variables de connexion
$serveur = "localhost";
$admin = "root";
$mdp = "";
$base = "agilicom";
$connexion = mysql_pconnect($serveur, $admin, $mdp);
$choixbase = mysql_select_db($base, $connexion);
$sql = "SELECT id_formations, nom_formations
FROM formation
ORDER BY nom_formations";
$res = mysql_query ($sql) or die ("Exécution de la requête impossible");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row['id_formations']."'>".$row['nom_formations']."</option>";
}
?>
</select>
<label>Date</label>
<div id='date_format' style='display:inline'>
<select name='date_formation' id="date_form" onchange="go('te')">
<option value='-1'>Date</option>
</select>
</div>
<label>Lieu</label>
<div id='lieu_format' style='display:inline'>
<select name='lieu_formation' id="lieu_form">
<option value='-1'>Lieu</option>
</select>
</div>
</fieldset>
</form>
La page appelée pour les dates Ajaxdate.php:
<?php
// Connexion à la base de données
$serveur = "localhost";
$admin = "root";
$mdp = "";
$base = "agilicom";
$connexion = mysql_pconnect($serveur, $admin, $mdp);
$choixbase = mysql_select_db($base, $connexion);
// Affichage de la date
echo "<select name='date_formation' id='date_form' onchange=\"go('te')\">";
if(isset($_POST["id_formations"])){
$res = mysql_query("SELECT*
FROM date_formations
WHERE id_formations=".$_POST['id_formations']."
ORDER BY date_date");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["date_date"]."'>".$row["date_date"]."</option>";
}
}
else
echo "<option value='-1'>Choisir une date</option>";
echo "</select>";
?>
La page appelée pour les lieux Ajaxlieu.php:
<?php
// Connexion à la base de données
$serveur = "localhost";
$admin = "root";
$mdp = "";
$base = "agilicom";
$connexion = mysql_pconnect($serveur, $admin, $mdp);
$choixbase = mysql_select_db($base, $connexion);
// Affichage du lieu
echo "<select name='lieu_formation'>";
if(isset($_POST["id_date"])){
$res = mysql_query("SELECT*
FROM date_formations
WHERE id_date=".$_POST['id_date']."
ORDER BY lieu_date");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["lieu_date"]."'>".$row["lieu_date"]."</option>";
}
}
else
echo "<option value='-1'>Choisir un lieu</option>";
echo "</select>";
?>
Merci sadeq, je n'ai pas encore eu le temps de bien étudier ton code, mais je me pose une question quand même...Peut-on l'adapter avec une base de données car j'ai le sentiment qu'on rentre les données en bas dans :
[code] $pays = new ListBox("pays", "Pays");
//
$villes_france = new ListBox("ville", "Ville");
$villes_france->AddItem("paris", "Paris", true);
$villes_france->AddItem("le mans", "Le Mans");
$pays->AddItem("fr", "France", true, $villes_france);
//
$villes_maroc = new ListBox("ville", "Ville");
$villes_maroc->AddItem("marrakech", "Marrakech", true);
$villes_maroc->AddItem("oujda", "Oujda");
$pays->AddItem("ma", "Maroc", false, $villes_maroc);
[/code]
Par exemple pays et ville peuvent être remplacés par le nom de mes tables ? Bon faut que j'étudie ça car au premier test juste copier-coller ça me met une erreur :
Parse error: parse error, expecting `T_OLD_FUNCTION' or `T_FUNCTION' or `T_VAR' or `'}'' in z:\program files\easyphp1-8\www\site-agilicom\sadeq.php on line 7
C'est parce que je n'ai pas PHP 5 ?
Je regarde ça ce week-end ou lundi promis..En tout cas merci de m'aider à progresser...
Sinon voilà ce que j'avais fait aussi (faut pas mentir je me suis aidée d'un tutorial !)et qui ne marche pas..Ca aurait étonnant autrement ! :?
La partie JavaScript dans la page liste-deroulante.php:
[code]
<script type='text/javascript'>
var xhr = null;
// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
var pickRecentProgID = function (idList){
// found progID flag
var bFound = false;
for(var i=0; i < idList.length && !bFound; i++){
try{
var oDoc = new ActiveXObject(idList[i]);
o2Store = idList[i];
bFound = true;
}catch (objException){
// trap; try next progID
};
};
if (!bFound)
throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez à mettre à jour votre navigateur");
idList = null;
return o2Store;
}
// Retourne un nouvel objet XmlHttpRequest
var GetXmlHttpRequest_AXO=null
var GetXmlHttpRequest=function () {
if (window.XMLHttpRequest) {
return new XMLHttpRequest()
}
else if (window.ActiveXObject) {
if (!GetXmlHttpRequest_AXO) {
GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
}
return new ActiveXObject(GetXmlHttpRequest_AXO)
}
return false;
}
// Compatibilité avec le script du tutoriel AJAX (developpez.com)
getXhr=GetXmlHttpRequest;
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(){
var xhr = 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 avec l'id du select de la date
document.getElementById('date_form').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","Ajaxdate.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 select formation
sel = document.getElementById('forma');
idforma = sel.options[sel.selectedIndex].value;
xhr.send("id_formations="+idforma);
}
function go(esp){
var xhr = 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 avec l'id du select du lieu
document.getElementById('lieu_form').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","Ajaxlieu.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 select date
sel = document.getElementById('date_form');
iddate = sel.options[sel.selectedIndex].value;
xhr.send("id_date="+iddate);
}
</script>
[/code]
La partie PHP et HTML de cette même apge liste-deroulante.php :
[php]
<form>
<fieldset style="width: 500px">
<legend>Liste liées</legend>
<label>Formation</label>
<select name='formations' id='forma' onchange='go()'>
<option value='-1'>Formations</option>
<?
// Variables de connexion
$serveur = "localhost";
$admin = "root";
$mdp = "";
$base = "agilicom";
$connexion = mysql_pconnect($serveur, $admin, $mdp);
$choixbase = mysql_select_db($base, $connexion);
$sql = "SELECT id_formations, nom_formations
FROM formation
ORDER BY nom_formations";
$res = mysql_query ($sql) or die ("Exécution de la requête impossible");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row['id_formations']."'>".$row['nom_formations']."</option>";
}
?>
</select>
<label>Date</label>
<div id='date_format' style='display:inline'>
<select name='date_formation' id="date_form" onchange="go('te')">
<option value='-1'>Date</option>
</select>
</div>
<label>Lieu</label>
<div id='lieu_format' style='display:inline'>
<select name='lieu_formation' id="lieu_form">
<option value='-1'>Lieu</option>
</select>
</div>
</fieldset>
</form>
[/php]
La page appelée pour les dates Ajaxdate.php:
[php]
<?php
// Connexion à la base de données
$serveur = "localhost";
$admin = "root";
$mdp = "";
$base = "agilicom";
$connexion = mysql_pconnect($serveur, $admin, $mdp);
$choixbase = mysql_select_db($base, $connexion);
// Affichage de la date
echo "<select name='date_formation' id='date_form' onchange=\"go('te')\">";
if(isset($_POST["id_formations"])){
$res = mysql_query("SELECT*
FROM date_formations
WHERE id_formations=".$_POST['id_formations']."
ORDER BY date_date");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["date_date"]."'>".$row["date_date"]."</option>";
}
}
else
echo "<option value='-1'>Choisir une date</option>";
echo "</select>";
?>
[/php]
La page appelée pour les lieux Ajaxlieu.php:
[php]
<?php
// Connexion à la base de données
$serveur = "localhost";
$admin = "root";
$mdp = "";
$base = "agilicom";
$connexion = mysql_pconnect($serveur, $admin, $mdp);
$choixbase = mysql_select_db($base, $connexion);
// Affichage du lieu
echo "<select name='lieu_formation'>";
if(isset($_POST["id_date"])){
$res = mysql_query("SELECT*
FROM date_formations
WHERE id_date=".$_POST['id_date']."
ORDER BY lieu_date");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["lieu_date"]."'>".$row["lieu_date"]."</option>";
}
}
else
echo "<option value='-1'>Choisir un lieu</option>";
echo "</select>";
?>
[/php]
