Discussion :

[toine92]

Bonjour,

Je débute en AJAX et tente de réaliser un formulaire avec 3 SELECT mis à jour dynamiquement via l'événement onChange.
Mes trois SELECT sont :
- Liste des Régions de France
- Liste des Départements de France
- Liste des clubs (de squash pour mon cas) de France

Au chargement de la page http://www.squash-contact.com/ajax/x...cheJoueurs.php, mon script PHP charge l'ensemble des régions, l'ensemble des départements et l'ensemble des clubs de France.

Mon but est donc qu'à chaque événement OnChange du SELECT affichant les régions, la liste des départements soit mise à jour. De même, à chaque événement OnChange du SELECT listant les départements, la liste des clubs correspondante s'affiche dans le SELECT.

Les listes des départements et des clubs sont récupérés dynamiquement via les fichiers suivants :
- Pour les départements de chaque région : ICI où la variable idRegion prend une valeur de 1 à 22
- Pour les clubs de chaque départements : ICI où la variable idDepartement prend la valeur 01 à 96

La gestion de la mise à jour du DOM est faite par ces fichiers JS :
- pour mettre à jour le SELECT des départements : ICI
- pour mettre à jour le SELECT des clubs : ICI

Voila pour la présentation du contexte :-)
Mon problème est le double :
1/ Mon script fonctionne correctement sous FF mais pas sous IE. En effet, le problème viendrait du textContent qui n'est pas reconnu par IE.
J'ai essayé de placer text à la place ou innerHTML mais aucun résultat.

2/ Actuellement lorsque l'utilisateur sélectionne une région, la liste des départements est mise à jour mais pas la liste des clubs. L'événement onChange n'est apparemment pas pris en compte quand il s'agit de manipulation du DOM... ???

Quelqu'un aurait il une idée please ??????

Merci d'avance

[E.Bzz]

Bonjour,
Je vois déjà quelque anomalies par lesquelles tu devrais commencer :

• Tu crées bien tes options via le DOM, mais tu vides tes select via innerHTML. Utilise aussi le DOM pour faire le ménage
• N'utilise pas les termes du langage comme identifiant de variables (var option; )
• Essaye

  Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  ton_option.text = departement.getElementsByTagName('nom')[0].innerHTML;

A+

[Saray]

C'est vrai que IE a quelques soucis avec le textContent.

J'ai fais une fonction simple qui me retourne le contenu pour un objet quelque soit le navigateur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function texteElement(o) { 
return (o.innerText) ? o.innerText : (o.textContent) ? o.textContent : ""; 
}

au lieu de :
var texte=departement.getElementsByTagName('nom')[0].innerHTML;

tu pourrais utiliser :
var texte=texteElement(departement.getElementsByTagName('nom')[0]);

[toine92]

J'ai suivi vos conseils et ai finalisé mon script. Tout fonctionne correctement désormais!

Pour l'aspect textContent, j'ai utilisé la fonction donnée mais l'ai adapté car il s'agit du champ text et non innerText qui fonctionne sous IE7.

Je laisse les scripts sur le serveur au cas où quelqu'un voudrais utiliser ce cas d'école (2 semaines de travail pour ma part !!!)

Bonne journée

[lunatictac]

bonjour,

souhaitant réaliser sensiblement la même chose que toine92 (une liste de guilde qui se met à jour en fonction du serveur sélectionné), j'ai tenté de comprendre et d'utiliser son code.

J'ai cependant un petit soucis d'adaptation : la liste des guilde est stockée chez moi dans une base de données mySQL, et non pas dans un fichier xml. Etant une grande débutante en javascript, je ne sais pas comment adapter cette partie du fichier javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// On récupère la liste des départements appartenant à la région dans le flux de réponse XML
var list_departements = requete.responseXML.getElementsByTagName('departement');

j'espère ne pas me tromper en upant ce sujet plutôt que d'en créer un nouveau, si c'est le cas, veuillez m'en excuser,

lunatictac

[E.Bzz]

Bonjour,

j'espère ne pas me tromper en upant ce sujet plutôt que d'en créer un nouveau, si c'est le cas, veuillez m'en excuser,

une solution préférable aurait été de créer une nouvelle discussion en y donnant un lien vers celle-ci

Concernant la question : c'est toi (le serveur) qui formate la réponse. Le fait que les données viennent de MySQL ne change rien.

Tu peux choisir de formater ta réponse en XML, mais aussi en JSON ou tout autre format personnel ...

De nombreux exemples dans les tutos, mais aussi sur ce forum

A+