Liste deroulant avec lien Popup

newtech83 Messages postés 186 Date d'inscription Statut Membre Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention - 29 août 2009 à 16:24

Bonjour, je voudrais faire une liste deroulante avec une fenetre popup qui s'ouvre lorsqu'une des listes est sélectionné

mon code dans <head>
<SCRIPT LANGUAGE="Javascript">
function lien() {
i = document.Choix.Liste.selectedIndex;
if (i == 0) return;
url = document.Choix.Liste.options[i].value;
parent.location.href = url;
}
</SCRIPT>
</head>

mon code dans <body>

<form NAME="Choix">

<table align="center">
<tr><td>
<select NAME="Liste" onChange="lien()" style="width:160px; background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif;" width="160">
<option> Choisir Ville </option>
<option value="">------------------------</option>
<option value="lien1.html">paris</option>
<option value="http://mondomain.info/forum/index.php">lien
<option>lien</option>
<option >tokyo</option>
<option>lien</option>
<option>lien</option>
<option >lisbonne</option>
</select></td></tr>

<tr><td><p align="center"><input type="button" value="Ouvrir"><input type="button" value="Annuler"></td></tr>
</table>
</form>

merci de bien vouloir m'éclairer

Configuration: Windows Vista Firefox 3.5.1

Afficher la suite

7 réponses

avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511

Essaye avec ça :

<select name="lien" onchange="popup(this.value);">
    <option value="none">--</option>
    <option value="http://www.example.com/page-1.html">Page 1</option>
    <option value="http://www.example.com/page-2.html">Page 2</option>
    <option value="http://www.example.com/page-3.html">Page 3</option>
</select>

La fonction :

function popup(url) {
    if(url != 'none') {
        window.open(url);
    }
}

Réponse 2 / 7
newtech83 Messages postés 186 Date d'inscription Statut Membre Dernière intervention 15

Bonsoir , ca marche mais le problème avec les popup sont souvent bloqué par les navigateurs comme IE donc j'ai opter pour une solution en javascript mais qui ne marche pas dans IE

<option> Choisir Ville
<option value="<a href="#" onclick="javascript: ville1 = open('heure_ville1.pdf','ville1','height=700,width=800,status=no');"></a>ville1
<option value="<a href="#" onclick="javascript: Ville2 = open('heure_Ville2.pdf','ville2','height=700,width=800,status=no');"></a>Ville2
</select></td></tr>

<tr><td><p align="center"><input type="button" value="Ouvrir"><input type="button" value="Annuler"></td></tr>
</table>
</form>
0
Réponse 3 / 7
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511

Pense à échapper les guillemées dans ton value.
0
Réponse 4 / 7
newtech83 Messages postés 186 Date d'inscription Statut Membre Dernière intervention 15

C'est à dire ?
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 7
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
Mettre un anti-slashe avant les guillemées.
Par exemple :
```
<option value="Ce \"truc\" est nul !">Nul</option>
```
0
Réponse 6 / 7
newtech83 Messages postés 186 Date d'inscription Statut Membre Dernière intervention 15

ca passe toujours pas
0
Réponse 7 / 7
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511

Une liste déroulante en CSS sans la balise <select> ?
Là ça devrai fonctionner :)
0

Liste deroulant avec lien Popup

7 réponses

Discussions similaires

Newsletters