Selectionner valeur dans une liste déroulante

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Selectionner valeur dans une liste déroulante

the big ben

Bonjour,

Je fait un mapping sur mon image et pour l'instant je fait un lien vers une autre page mais j'aimerais que à la place ca selectionne un valeur dans une zone déroulante via un javascript...

MA liste déroulante resemble à

Code :

<select name="zone_id">
<option value="291">Brabant Wallon</option>
<option value="289">Bruxelles</option>
<option value="292">Hainaut</option>
<option value="290">Namur</option>
</select>

Mon code actuel

Code :

<map name="FPMap0">
<area href="Bruxelles" shape="polygon" coords="222, 119, 221, 126, 217, 130, 225, 138, 245, 141, 249, 125, 243, 115, 226, 115">
<area href="Hainaut" shape="polygon" coords="215, 90, 237, 96, 288, 89, 312, 86, 331, 84, 319, 107, 332, 115, 324">
</map>
<img border="0" src="file://Field_nas1/usrdirs/BV/My%20Pictures/provinces.gif" width="500" height="395" usemap="#FPMap0">

Donc je fout le JS sur le onclick mais par contre j'ai besoin d'un ptit coup de main pour la création du JS...
J'ai vu qu'il y a document.MonForm.MaSelection.options[0] mais il faudrait que je fasse mon matching sur la value de l'option dans la liste...

D'avance merci

Ben

Publicité

the big ben

En chipotant un peu j'ai fait ceci:

Code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script language="javascript">
function update_zone(theForm, zid) {
var NumState = theForm.zone_id.options.length;
while(NumState >= 0 || theForm.zone_id.options[NumState].value == zid) {
NumState--;
}
if(theForm.zone_id.options[NumState].value == zid) {
theForm.zone_id.options[NumState];
}
}
</script>
</head>
<body>
<form id="aa">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td class="fieldKey">Zone: </td>
<td class="fieldValue">
<select name="zone_id">
<option value="291">Brabant Wallon</option>
<option value="292">Hainaut</option>
<option value="290">Namur</option>
</select></td>
</tr>
<tr>
<td colspan="2">
<map name='ZeMap0'>
<area onclick="update_zone(this.form,292);" shape="polygon" coords="186, 227, 206, 246, 208, 239, 215, 245, 207, 269, 207, 299, 233, 306, 244, 309, 234, 250, 224, 246, 239, 231, 254, 229, 257, 186, 223, 183, 206, 165, 198, 170, 194, 158, 172, 156, 173, 150, 150, 141, 135, 152, 120, 144, 101, 153, 86, 147, 100, 199, 135, 199, 153, 242, 153, 226, 175, 233">
<area onclick="update_zone(this.form,291);" shape="polygon" coords="255, 188, 227, 183, 207, 165, 199, 169, 196, 159, 206, 148, 217, 153, 236, 148, 270, 141, 299, 142, 302, 145, 308, 142, 312, 147, 307, 170, 280, 176, 269, 173">
<area onclick="update_zone(this.form,290);" shape="polygon" coords="306, 171, 350, 218, 362, 217, 365, 232, 344, 248, 351, 266, 338, 274, 325, 272, 314, 287, 326, 302, 314, 337, 302, 335, 301, 315, 288, 297, 302, 268, 293, 262, 273, 284, 274, 298, 244, 309, 234, 250, 222, 247, 244, 230, 255, 230, 258, 189, 271, 174, 279, 177">
</map>
<img border='0' src='c:/program files/easyphp1-7/www/immo/images/zones_map//provinces.gif' usemap='#ZeMap0'>
</td>
</tr>
</table>
</form>
</body>
</html>

Mais il me dit toujours zone_id is null or not allowed...

Une idée???

nargy

Code :

<script>
<!--
function selectionne(num)
{
var monselect=document.monfrom.maselection;
for(i=0;i<monselect.length;i++)
if(monselect.options[i].value==num)
{ monselect.selectedIndex=i; break; }
}
-->
<script>
<map name="FPMap0">
<area onclick="javascript:selectionne(289);return false;" href="Bruxelles" shape="polygon" coords="222, 119, 221, 126, 217, 130, 225, 138, 245, 141, 249, 125, 243, 115, 226, 115">
<area onclick="javascript:selectionne(292);return false;" href="Hainaut" shape="polygon" coords="215, 90, 237, 96, 288, 89, 312, 86, 331, 84, 319, 107, 332, 115, 324">
</map>

the big ben

mmmh ca marcha pas encore:
Je fait :

Code :

<html>
<head>
<script language="javascript"><!--
function selectionne(theForm, num){
var monselect=document.theForm.zone_id;
for(i=0;i<monselect.length;i++)
if(monselect.options[i].value==num) {
monselect.selectedIndex=i;
break;
}
}
//--></script>
</head>
<body>
<form id="test">
<select id="zone_id" name="zone_id">
<option value="291">Brabant Wallon</option>
<option value="292">Hainaut</option>
<option value="290">Namur</option>
</select>
<map name='ZeMap0'>
<area href="javascript:selectionne(this.form,292);" shape="polygon" coords="186, 227, 206, 246, 208, 239, 215, 245, 207, 269, 207, 299, 233, 306, 244, 309, 234, 250, 224, 246, 239, 231, 254, 229, 257, 186, 223, 183, 206, 165, 198, 170, 194, 158, 172, 156, 173, 150, 150, 141, 135, 152, 120, 144, 101, 153, 86, 147, 100, 199, 135, 199, 153, 242, 153, 226, 175, 233">
<area href="javascript:selectionne(this.form,291);" shape="polygon" coords="255, 188, 227, 183, 207, 165, 199, 169, 196, 159, 206, 148, 217, 153, 236, 148, 270, 141, 299, 142, 302, 145, 308, 142, 312, 147, 307, 170, 280, 176, 269, 173">
<area href="javascript:selectionne(this.form,290);" shape="polygon" coords="306, 171, 350, 218, 362, 217, 365, 232, 344, 248, 351, 266, 338, 274, 325, 272, 314, 287, 326, 302, 314, 337, 302, 335, 301, 315, 288, 297, 302, 268, 293, 262, 273, 284, 274, 298, 244, 309, 234, 250, 222, 247, 244, 230, 255, 230, 258, 189, 271, 174, 279, 177">
</map>
<img border='0' src='c:/program files/easyphp1-7/www/immo/images/zones_map//provinces.gif' usemap='#ZeMap0'>
</form>
</body>
</html>

mais il me dit toujours document.theForm.zone_id à la valeur NULL ou n'est pas un objet...

Message édité par the big ben le 23-04-2006 à 11:21:48

nargy

parceque tu doit mettre:
<form name="theForm" ...>

nargy

change aussi:

Code :

<script language="javascript"><!--
...
//--></script>

par:

Code :

<script language="javascript">
<!--
...
//-->
</script>

pour plus de clarté.

the big ben

Il ne fait effectivement plus l'erreur mais il ne selectionne rien non plus!

Code :

<html>
<head>
<script language="javascript">
<!--
function selectionne(num){
var monselect=document.theForm.zone_id;
for(i=0;i<monselect.length;i++) {
if(monselect.options[i].value==num) {
monselect.selectedIndex=i;
break;
}
}
}
//-->
</script>
</head>
<body>
<form name="theForm">
<select id="zone_id" name="zone_id">
<option value="291">Brabant Wallon</option>
<option value="292">Hainaut</option>
<option value="290">Namur</option>
</select>
<map name='ZeMap0'>
<area href=# onclick="javascript:selectionne(this.form,292);" shape="polygon" coords="186, 227, 206, 246, 208, 239, 215, 245, 207, 269, 207, 299, 233, 306, 244, 309, 234, 250, 224, 246, 239, 231, 254, 229, 257, 186, 223, 183, 206, 165, 198, 170, 194, 158, 172, 156, 173, 150, 150, 141, 135, 152, 120, 144, 101, 153, 86, 147, 100, 199, 135, 199, 153, 242, 153, 226, 175, 233">
<area href=# onclick="javascript:selectionne(this.form,291);" shape="polygon" coords="255, 188, 227, 183, 207, 165, 199, 169, 196, 159, 206, 148, 217, 153, 236, 148, 270, 141, 299, 142, 302, 145, 308, 142, 312, 147, 307, 170, 280, 176, 269, 173">
<area href=# onclick="javascript:selectionne(this.form,290);" shape="polygon" coords="306, 171, 350, 218, 362, 217, 365, 232, 344, 248, 351, 266, 338, 274, 325, 272, 314, 287, 326, 302, 314, 337, 302, 335, 301, 315, 288, 297, 302, 268, 293, 262, 273, 284, 274, 298, 244, 309, 234, 250, 222, 247, 244, 230, 255, 230, 258, 189, 271, 174, 279, 177">
</map>
<img border='0' src='../../../program%20files/easyphp1-7/www/immo/images/zones_map/provinces.gif' usemap='#ZeMap0'>
</form>
</body>
</html>

nargy

change les:
selectionne(this.form,290)
par:
selectionne(290)

et ça marche nikel!

Edit: ben oouuii selectionne(...) prends un seul argument!

Message édité par nargy le 23-04-2006 à 12:24:24

the big ben

cool merci bcp! cca marche :=)

nargy

félicitations

FORUM HardWare.fr

Programmation

HTML/CSS

Selectionner valeur dans une liste déroulante

Sujets relatifs
[Résolu[VBA][Access] Remplissage d'1 liste déroulante avec 1 Recordset	liste deroulante
Pointeurs intelligents et liste chainée	creation massive de liste de distribution
Flash : Comment assigner une valeur à une case d'un tableau ?	liste HTML incrémentable
[resolu]updater une valeur seulement si superieure	Problemes sur excel : liste, liens
Plus de sujets relatifs à : Selectionner valeur dans une liste déroulante

Page générée en 0.113 secondes