[AJAX] Liste liée sous Mozilla
Bonjour à tous,
J'ai deux liste déroulante.
Je choisis une option sur la première et en fonction de l'option choisi j'ai des options dans la deuxième.
Tout fonctionne bien sur IE et Mozilla.
Ensuite je souhaite valider mes choix et je passe par un POST pour enregistrer les données.
Sous IE aucun problème je récupère bien ma première liste et ma deuxième.
En revanche sur Mozilla, la variable de la deuxième liste n'existe pas et donc erreur.
Voilà mon script ajax :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
<script type='text/javascript'>
function getXhr(){
var xhr = null;
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;
}
return xhr;
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go1(){
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
document.getElementById('magasin').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","ajax_client.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 de l'auteur
sel = document.getElementById('enseigne');
enseigne = sel.options[sel.selectedIndex].value;
xhr.send("enseigne="+enseigne);
}
</script> |
Ma page ajax_client.php :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| if (isset($_POST["enseigne"]))
{
include ('connexion_base.php');
if ($_POST["enseigne"] == '')
{
echo '<select name="magasin" style="font-size: 10px; min-width: 100px;">';
echo "<option value=''></option>";
echo "</select>";
}
else
{
$res = mysql_query("SELECT id_mag, nom FROM magasin WHERE enseigne='".$_POST["enseigne"]."' ORDER BY nom");
echo '<select name="magasin" style="font-size: 10px; min-width: 200px;">';
echo "<option value=''></option>";
while($row = mysql_fetch_assoc($res))
{
echo "<option value='".$row["id_mag"]."'>".$row["nom"]."</option>";
}
echo "</select>";
}
} |
Merci d'avance de votre aide !
