Bon ben je sait pas ce que j'ai fait mais bon voila, je vais re-saisir tout ça.
Donc mon problème est finalement double, à savoir que ma page ne fonctionne pas sous Firefox mais fonctionne sous IE7.
Ensuite, mon script permet en fait d'ajouter à mon formulaire une liste déroulante, j'en ai prévu cinq en tout qui viennent s'ajouter au fur et à mesure des choix que l'on fait dans la liste précédente. Le second problème est donc que la troisième liste est une répétition de la seconde et du coup les suivantes n'apparaissent pas non plus.
Donc voici ma page
index.php qui elle n'as rien de particulier
<head>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" src="fonction.js"></script>
</head>
<body>
<form>
<label>Critère 1</label>
<select name="critere" id="critere" onchange="liste(critere,no_table)">
<option value="-1">Aucun</option>
<?php
$sql = mysql_query('SELECT * FROM critere_1 ORDER BY libelle') or die (mysql_error());
while ($retour = mysql_fetch_array($sql)) {
echo '<option value="'.$retour['id'].'">'.$retour['libelle'].'</option>';
}
?>
</select><input type="hidden" value="1" name="no_table" />
<div id="suite" style="display:inline">
</div>
<div id="suite1" style="display:inline">
</div>
mon script js, fichier
fonction.js
function liste(){
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){
if(xhr.status != 200){ //on verifie que le code de status soit ok
//sinon on affiche le code statut erreur
document.getElementById("loading").innerHTML = "Erreur code "+xhr.status;
}else if(xhr.status == 200){
leselect = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById("suite").innerHTML = leselect;
}else{
document.getElementById("loading").innerHTML = "Chargement... <img src='loading.gif' alt='chargement...' />";
}
}
}
// Ici on va voir comment faire du post
xhr.open("POST","blank.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
xhr.send("critere="+document.getElementById("critere").value+"&no_table="+document.getElementById("no_table").value);
}
function liste1(){
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){
if(xhr.status != 200){ //on verifie que le code de status soit ok
//sinon on affiche le code statut erreur
document.getElementById("loading").innerHTML = "Erreur code "+xhr.status;
}else if(xhr.status == 200){
leselect = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById("suite1").innerHTML = leselect;
}else{
document.getElementById("loading").innerHTML = "Chargement... <img src='loading.gif' alt='chargement...' />";
}
}
}
// Ici on va voir comment faire du post
xhr.open("POST","blank.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
xhr.send("critere="+document.getElementById("critere").value+"&no_table="+document.getElementById("no_table").value);
file();
}
.... (à partir d'ici j'ai recopié mes fonctions en incrémentant les quelques valeurs qui en ont besoin car je ne sait pas le faire en js et puis de toute façon j'aimerais déjà que sa marche comme ça.