Une fenêtre avec une liste déroulante

**VonDriguen** · 10/03/2014, 10h21

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 :

Insérer du texte dans un champ
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.

**Vivien46** · 10/03/2014, 11h34

Salut,

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

Code :

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

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 html :

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

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 php :

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

1
2
3
<?php
$_POST['valeur'];
?>

En JavaScript :

Code :

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

document.getElementById("valeur").value;

**VonDriguen** · 10/03/2014, 12h07

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 !!!

**VonDriguen** · 10/03/2014, 13h46

Encore une petite question...

J'ai donc une page windowurl.php :

Code :

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

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 :

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

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;