Une fenêtre avec une liste déroulante

Bonjour,

Débutant en javascript, je suis à la recherche d'un tuto, bout de code ou autre expliquant comment intégrer une liste déroulante dans une fenêtre.

J'explique le but final :
Lorsque l'utilisateur cliquera sur un lien, une fenêtre apparaîtra et il aura le choix entre :

1. Insérer du texte dans un champ
2. Choisir dans une liste déroulante

Si le champ texte est vide, on récupérera alors la valeur choisie dans la liste. Dans le cas contraire, c'est la valeur présente dans le champ qui sera récupérée.

Pouvez-vous m'aider et m'orienter ?

D'avance un grand merci.

Salut,

Alors voici le code pour ouvrir une pop-up en JavaScript :

Code:

---

1 2 3

<SCRIPT LANGUAGE="JavaScript"> window.open('nom_fenetre.html') </SCRIPT>

---

Ensuite ben tu vas dans le code de nom_fenetre.html et tu mets une zone de texte toute bête (textarea par exemple).

Quant à la liste déroulante, rien de bien compliqué. Est-ce qu'elle doit être récupérée depuis la BDD ou tapée en dur ? Car si tu la tapes toi même en dur, rien de plus simple :

Code:

---

1 2 3 4 5 6

<select id="liste" name="Ta_liste"> <option value="Valeur_Par_Defaut" selected>Choix 1</option> <option value="Valeur2">Choix 2</option> <option value="Valeur3">Choix 3</option> <option value="Valeur4">Choix 4</option> </select>

---

Ensuite, si tu veux récupérer la valeur de ta liste déroulante :

En PHP :

Code:

---

1 2 3

<?php $_POST['valeur']; ?>

---

En JavaScript :

Code:

---

document.getElementById("valeur").value;

---

Merci.

La liste est mise en DB mais je n'ai qu'à faire un select et faire un foreach pour créer la liste dans ma page HTML non ?

Quoiqu'il en soit, je vais essayer ça. Merci !!!

Encore une petite question...

J'ai donc une page windowurl.php :

Code:

---

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

<select id="liste" name="choicelist"> <option value="Valeur_Par_Defaut" selected>Choix 1</option> <option value="Valeur2">Choix 2</option> <option value="Valeur3">Choix 3</option> <option value="Valeur4">Choix 4</option> </select> <br /> <input type="button" value="OK" onclick="close();">   <script> function close() { window.close(); } </script>

---

Et une autre index.php avec le script :

Code:

---

1 2	window.open("windowurl.php", "url","menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100"); var URL = document.getElementById("choicelist").value;

---

Le problème, c'est que la variable URL est systématiquement vide... Comment puis-je la récupérer ???

D'avance merci !!!

L'id de ta liste déroulante est "liste", pas "choicelist" (ça c'est son nom).

Citation:

---

Envoyé par Spartacusply

L'id de ta liste déroulante est "liste", pas "choicelist" (ça c'est son nom).

---

Ta remarque est correcte mais ça ne fonctionne toujours pas :(

Du coup, je me suis tourné vers JQuery UI et ça fonctionne grâce aux popup modales :)