evenement Onclick dans une select box

Marsh Posté le 07-02-2006 à 11:48:38

Bonjour a tous.
J'ai un petit soucis, En effet je souhaite ouvrir une popup quand l'utilisateur selectionne une valeur dans une select box.
Mon code fonctionne bien sous firefox mais pas sous IE et je me demande pourquoi.

Voici une partie de mon code :

Code :

<FORM METHOD="GET" name="tstest" action=''>
...
...
<SELECT NAME="cond2" SIZE=1 value="">
<OPTION VALUE="ipsrc2">IP source</OPTION>
<OPTION VALUE="ipdst2">IP destination</OPTION>
<OPTION VALUE="tcp2">Port TCP</OPTION>
<OPTION VALUE="udp2">Port UDP</OPTION>
<OPTION VALUE="proto2" onclick="NewWindow('/sa/popup.php?id=2,5,4&empty=1&select=protocols&target=text2','selectpopup','160','200','yes','center','no');return false">Protocole</OPTION>
<OPTION VALUE="serv2" onclick="NewWindow('/sa/popup.php?id=2,5,4&empty=1&select=services&target=text2','selectpopup','160','200','yes','center','no');return false">Service</OPTION>
<OPTION VALUE="zone2" onclick="NewWindow('/sa/popup.php?id=2,5,4&empty=1&select=zones&target=text2','selectpopup','160','200','yes','center','no');return false">Zone</OPTION>
<OPTION VALUE="net2" onclick="NewWindow('/sa/popup.php?id=2,5,4&empty=1&select=networks&target=text2','selectpopup','160','200','yes','center','no');return false">Reseau</OPTION>
</SELECT>
...
...
</FORM>

L'evenement onclick n'est pas executé, je ne comprend vraiment pas pourquoi.

Une aide de votre part serai la bienvenu. Merci

Reply

Marsh Posté le 07-02-2006 à 11:48:38

Reply

Marsh Posté le 07-02-2006 à 11:54:51

pas sur que le onclick soit géré sur les options dans IE ...

Tu peux toujours ruser en utilisant onchange sur ton select et en testant la valeur de l'item selectionné ( ce qui te permettait par ailleurs de factorisé un peu ton code).

Reply

Marsh Posté le 07-02-2006 à 13:38:25

C'est crade kan même ton truc là

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script>
function ActionSelect(Objet){
var val = Objet.value.toLowerCase();
var dest;
switch(val){
case "proto2" :
dest="protocols";
break;
case "serv2" :
dest="services";
break;
case "zone2" :
dest="zones";
break;
case "net2" :
dest="networks";
break;
default:
return false;
}
NewWindow('/sa/popup.php?id=2,5,4&empty=1&select=' + dest + '&target=text2','selectpopup','160','200','yes','center','no');
}
</script>
</head>
<body>
<FORM METHOD="GET" name="tstest">
<SELECT NAME="cond2" SIZE=1 onchange="ActionSelect(this)">
<OPTION VALUE="ipsrc2">IP source</OPTION>
<OPTION VALUE="ipdst2">IP destination</OPTION>
<OPTION VALUE="tcp2">Port TCP</OPTION>
<OPTION VALUE="udp2">Port UDP</OPTION>
<OPTION VALUE="proto2">Protocole</OPTION>
<OPTION VALUE="serv2">Service</OPTION>
<OPTION VALUE="zone2">Zone</OPTION>
<OPTION VALUE="net2">Reseau</OPTION>
</SELECT>
</FORM>
</body>
</html>

Ca propre, tu mettras aussi tes tag en minuscules meme si tu n'es pas obligé

Reply

evenement Onclick dans une select box

Sujets relatifs:

Leave a Replay