Ajax avec 2 listes déroulantes avec Internet Explorer

Version imprimable

Bonjour à tous et toutes,

J'ai un problème avec l'utilisation d'Ajax pour alimenter dynamiquement 1 liste déroulante par rapport à la sélection d'un pays d'une 1ère liste déroulante.
En fait le code que j'ai fait ne marche pas sur Internet Explorer mais par contre sur les autres ça marche.

Voici le code que j'utilise :

Code 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
 
 function SelectVille($idpays)
{
// créé un nouvel objet permettant d'envoyer une réponse au côté client 
   $objResponse = new xajaxResponse();
   $options="";
   $db      = JFactory::getDBO();
//Requête SQL pour rechercher les villes par rapport à l'ID Pays
 
    $select = 'v.*';
    $from = '#__ville AS v';
 
    $wheres[] = 'v.id_pays = '.$idpays;
    $order  = 'v.ville';
 
    $query = "SELECT " . $select .
        "\n FROM " . $from .
        "\n WHERE " . implode( "\n  AND ", $wheres ) .
        "\n ORDER BY " . $order;
 
  $db->setQuery($query);
  $villes = $db->loadObjectList();
 
for($row_count=0; $row_count < count($villes); $row_count++)
{
   // on place toutes les villes dans des options valables pour la liste SELECT 
   $options .= '<option value="'.Trim($villes[$row_count]->id).'">'.Trim($villes[$row_count]->ville).'</option>';
}
   // l'Ajax remplacera le innerHTML (html intérieur) de la listeville pour y mettre $options
   $objResponse->addAssign("listeville","innerHTML",$options);
 
 
   // envoie la réponse en XML
   return $objResponse->getXML();
}
 
require_once("components/com_auto/views/auto/xajax/xajax.inc.php");
$xajax = new xajax();
$xajax->registerFunction("SelectVille");
$xajax->processRequests(); 
?>

Code HTML pour les 2 listes déroulantes :

Code:

1
2
3
4
5
 
<?php
$xajax->printJavascript("components/com_auto/views/auto/xajax/");
?>
<SELECT name="pays" id="pays" onChange="xajax_SelectVille(this.value)">

Voilà, il doit y avoir une fonction ou quelque chose qui n'est pas compatible avec IE mais je ne vois pas.
Est-ce que vous pouvez m'éclairer car je cherche mais je ne trouve rien.

Merci d'avance pour votre aide.

FilipLarlbe,

http://www.galleryaircraft.com

24/03/2010, 09h09
SpaceFrog

Tu utilises quoi comme librairie ???

ce que tu nous montre là est server side ...

Code:

return $objResponse->getXML();

ta reponse est en xml ...
on ne vois pas ou tu attribues le contenu au select à part un mystérieux :

Code:

$objResponse->addAssign("listeville","innerHTML",$options);

Bonjour,

J'utilise xajax et pour info j'ai suivi ce tuto http://www.6ma.fr/tuto/listes+deroul...iques+ajax-301

C'est le code Ajax qu va générer du javascript pour alimenter le select.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php $xajax->printJavascript("components/com_auto/views/auto/xajax/"); ?> <SELECT name="pays" id="pays" onChange="xajax_SelectVille(this.value)"> <?php foreach ($this->rows as $row) { ?> <OPTION VALUE=<?php echo $row->id?> > <?php echo $row->pays ?> </OPTION>"; <?php } ?> </SELECT> Ville: <SELECT name="listeville" id="listeville"> </SELECT><br>
Mais je pense que le code est bon en partie mais par contre qu'il y a certainement une fonction qui n'est pas compatible avec IE.
Sur d'autres navigateurs, je n'ai aucun problème, il n'y a qu'avec IE que ça ne marche pas.

24/03/2010, 13h17
SpaceFrog

t'as juste pas pris le bon tuto ^^

http://siddh.developpez.com/articles/ajax/