actualiser une liste deroulante sans actualiser la page

bonjour, je recherche un moyen d'actualiser une liste déroulante sans réactualiser toute ma page; je m'explique:

J'ai une liste dans un formulaire contenant des SIRET d'organismes de formation et un bouton permettant d'ajouter un organisme ne figurant pas dans ma liste. Et je voulais pouvoir mettre ma liste a jour dès qu'une personne ajoute un organisme sans avoir à réactuliser toute la page.

Avant que vous me disiez que c'est impossible (comme on me la dit quasiment à chaques fois), j'ai trouvé une solution, qui en théorie devrait fonctionner mais j'ai quelques souci coté pratiques; voici l'idée que j'ai eu: tout simplement faire un ajout depuis ma page ajout d'organisme dans ma liste se trouvant dans ma première page.

Je suis peut être pas très clair, alors voici mon code commenté:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

ajouter("ok","Portprojet"); //lancement de la fonction ajouter() function ajouter(txt,liste){ //1-créé un objet option (c'est là que ça plante) var nouveauOption = document.createObject("OPTIONS");   //2-définit les propriétés de l'oblet créé nouveauOption.text = txt; nouveauOption.value = txt;   //3-Ajout dans ma liste en page 1 window.opener.form1.elements[liste].options.add(nouveauOption);   }

---

ce code se trouve dans ma page 2
je pense que ça vient de mon document.createObject("OPTIONS");
je sais pas ce que je dois mettre à la place de document, vu que la liste n'est pas sur cette page.
je pense que le reste fonctionne, ya pas de raison j'ai fait le test suivant, qui me laisse penser qu'il n'y a aucun pb à accéder à un élément de mon autre page.

Code:

---

alert(window.opener.form1.elements[liste].options[3].text);

---

Ce test me retourne bienle troisième élément de ma liste.

soit à partir d'un popup ou d'un iframe ou un frame ... ou encore avac ajax ...

pour les première methodes, il y a eu des posts récemment ...

http://www.developpez.net/forums/sho...d.php?t=487460

pour ajax faire une recherche sur google avec:
"ajax siddh developpez" clicker sur aller plus loin ...

A mon avis, tu peux faire beaucoup plus simple:
Tu n'utilises Ajax que si tu veux mettre ta nouvelle option dans la base de données - pour appeler ton script coté serveur.

Tu fais juste sur ton bouton insérant la nouvelle entrée: onclick="var sel=document.getElementById('ton_champ_select'); sel[sel.length] = new Option('text','value');"

Et dans la mesure ou tes valeurs vont certainement venir des champs que tu viens de remplir, au final ca devrait ressembler a ca:

Code:

---

1 2	onclick="var sel=document.getElementById('ton_champ_select'); sel[sel.length] = new Option(document.getElementById('ton_champ_texte').value,document.getElementById('ton_champ_valeur').value);document.getElementById('ton_champ_texte').value='';document.getElementById('ton_champ_valeur').value='';"

---

N'oublie pas de mettre les IDs sur tes champs!

J'arrive à ajouter un element a ma liste par js sans actualiser ma page, là n'est pas le pb.

Mon souci c'est de le faire depuis le popup:

voilà ou j'en suis:

J'ai créé une fonction qui fait ce que tu as dis nabab dans ma page mère:

Code:

---

1 2 3 4 5 6 7

function ajouter(txt,liste){   nouvel_element = new Option(txt,txt);//mavaleur et mon texte son identiques à chaques fois.   document.form1.elements[liste].options[document.form1.elements[liste].length] = nouvel_element;   }

---

si j'appel cette fonction depuis ma page principale pas de souci, par contre ce que je voulais c'est que dès que je valide le formulaire sur mon popup (onsubmit) il me lance la fonction ajouter alors j'ai fait ce qui suit:

Code:

---

onSubmit="window.opener.ajouter('ok','Portprojet');"

---

je n'ai aucun mssage d'erreur, mais ça ne fonctionne pas

edit: pardon, ca fonctionne, je sais pas pourquoi ca n'a pas marché la première fois, mais en rééssayant, ca fonctionne merci à tous.

self.opener ?


dans la mère :

Code:

---

1 2 3 4 5

<script type='text/javascript'> function mother(){alert('hello')} var popup=window.open('fille.htm') </script>

---

dans la fille :

Code:

---

1 2 3 4 5 6

<script type='text/javascript'> function daughter(){self.opener.mother()} </script> </head> <body onload="daughter()"> </body>

---

J'obtiens bien l'alert, donc sur le onload de la fille la focntion de la mère est bien lancée

oui merci SpaceFrog ca fonctionne meme avec le window, j'ai mis une modif dans mon poste précédent, ca n'a pas fonctionné la premiere fois, j'ai du reactualiser avnt que la page soit complètement sauvegardé mais j'ai refermé et réouvert ma page et là tu as raison tout fonctionne.
Vraiment désolé, merci encore à tous.