Liste deroulant avec lien Popup
newtech83
Messages postés
196
Statut
Membre
-
avion-f16 Messages postés 20367 Statut Contributeur -
avion-f16 Messages postés 20367 Statut Contributeur -
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
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
A voir également:
- Liste deroulant avec lien Popup
- Liste déroulante excel - Guide
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
7 réponses
Essaye avec ça :
La fonction :
<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);
}
}
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>
<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>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
