mappe e select [era: menu che comanda altro menu]

[giaffa]

ciao a tutti! premetto che di javascript non so una "H" !

Programmo in ASP ma ho bisogno di una funzionalità lato client che non so come creare. Ecco il punto: ho una cartina dell'italia con le regioni rese aree sensibili. Accanto alla cartina attiva ho messo un menu a tendina ( <SELECT> .... </SELECT> ). Io vorrei far si che cliccando su una regione della cartina, vengano rese disponibili le relative provincie sul menù a tendina. Credo non sia una cosa impossibile solo non ho la minima idea di come realizzarla.
Non so, per esempio, dove "parcheggiare i testi delle provincie relative alla 20 regioni. Così come non so come legare il click sulla regione della cartina al menu a tendina a lato.

Potreste aiutarmi ? Grazie!

[giaffa]

Dimenticavo il codice della cartina dell'Italia ( modificate ciò che serve, ovviamente, URL comprese ):

<td width="43%">
<p align="center">[img]ita.jpg[/img]<map name="FPMap0">
<area href="sardegna.asp" shape="polygon" coords="18, 97, 25, 94, 29, 88, 36, 95, 37, 102, 35, 106, 35, 114, 35, 120, 31, 121, 28, 124, 25, 127, 21, 121, 21, 114, 22, 109, 19, 100" alt="sardegna">
<area href="sicilia.asp" shape="polygon" coords="70, 139, 69, 143, 79, 147, 86, 153, 95, 157, 98, 151, 97, 146, 100, 139, 96, 137, 81, 138, 73, 136" alt="sicilia">
<area href="calabria.asp" shape="polygon" coords="102, 138, 107, 139, 112, 134, 115, 130, 119, 127, 127, 123, 123, 116, 118, 114, 115, 110, 115, 108, 112, 106, 109, 109, 105, 109, 105, 113, 108, 117, 108, 122, 109, 125, 105, 130, 103, 133" alt="calabria">
<area href="basilicata.asp" shape="polygon" coords="106, 95, 104, 99, 106, 105, 113, 106, 116, 104, 113, 99, 109, 96" alt="basilicata">
<area href="puglia.asp" shape="polygon" coords="95, 83, 100, 86, 105, 91, 111, 92, 115, 96, 119, 100, 121, 103, 125, 104, 127, 107, 131, 112, 134, 110, 134, 104, 129, 98, 124, 94, 119, 90, 114, 86, 109, 84, 110, 82, 111, 79, 106, 76, 99, 76, 95, 79" alt="puglia">
<area href="molise.asp" shape="polygon" coords="91, 86, 95, 83, 96, 79, 94, 77, 91, 77, 89, 77, 87, 78, 87, 80" alt="molise">
<area href="campania.asp" shape="polygon" coords="84, 89, 88, 85, 92, 87, 96, 88, 99, 91, 102, 94, 104, 99, 105, 103, 104, 107, 100, 105, 97, 103, 95, 100, 92, 100" alt="campania">
<area href="abruzzo.asp" coords="76, 70, 76, 73, 76, 75, 78, 78, 82, 79, 85, 79, 87, 77, 88, 76, 87, 73, 85, 71, 83, 68, 81, 66" shape="polygon" alt="abruzzo">
<area href="lazio.asp" shape="polygon" coords="74, 71, 75, 75, 79, 78, 83, 80, 85, 83, 83, 88, 77, 88, 70, 85, 66, 82, 60, 77, 58, 74, 58, 72, 61, 69, 66, 71" alt="lazio">
<area href="umbria.asp" shape="polygon" coords="66, 56, 64, 60, 62, 64, 66, 67, 74, 68, 73, 64, 72, 60" alt="umbria">
<area href="marche.asp" shape="polygon" coords="63, 49, 67, 53, 70, 58, 74, 62, 78, 65, 81, 62, 78, 55, 75, 52, 72, 49, 67, 48" alt="marche">
<area href="toscana.asp" shape="polygon" coords="38, 47, 44, 46, 49, 46, 54, 46, 57, 50, 60, 52, 62, 58, 62, 61, 60, 64, 58, 67, 56, 69, 50, 66, 48, 61, 44, 57, 41, 49" alt="toscana">
<area href="liguria.asp" shape="polygon" coords="11, 47, 15, 43, 18, 39, 21, 37, 24, 36, 29, 37, 34, 40, 36, 43, 36, 45, 33, 45, 30, 43, 25, 43, 22, 43, 22, 44, 20, 46, 18, 49, 15, 52, 13, 50" alt="liguria">
<area href="valdaosta" shape="polygon" coords="4, 20, 6, 23, 11, 24, 15, 22, 13, 18, 11, 15, 8, 15, 7, 16" alt="valdaosta">
<area href="piemonte.asp" shape="polygon" coords="5, 28, 11, 28, 18, 25, 18, 20, 18, 16, 21, 14, 24, 19, 23, 22, 23, 26, 23, 30, 25, 33, 21, 33, 19, 36, 16, 37, 15, 39, 13, 42, 10, 42, 7, 42" alt="piemonte">
<area href="lombardia.asp" shape="polygon" coords="31, 14, 27, 16, 26, 22, 27, 29, 32, 31, 38, 30, 42, 30, 46, 28, 45, 21, 45, 18, 45, 15, 43, 12, 39, 12, 34, 12" alt="lombardia">
<area href="emilia.asp" shape="polygon" coords="31, 36, 36, 34, 42, 34, 48, 32, 53, 31, 59, 31, 64, 35, 65, 40, 66, 44, 62, 46, 59, 44, 53, 44, 47, 43, 43, 40, 36, 39" alt="emilia-romagna">
<area href="trentino.asp" shape="polygon" coords="49, 5, 54, 4, 63, 4, 62, 7, 60, 12, 60, 14, 58, 17, 54, 18, 51, 20, 47, 19, 47, 16, 47, 12" alt="trentino">
<area href="veneto.asp" coords="48, 25, 48, 31, 58, 28, 63, 30, 65, 28, 66, 26, 70, 26, 71, 23, 69, 21, 67, 18, 65, 14, 65, 10, 64, 10, 63, 14, 60, 17, 56, 19, 52, 21" shape="polygon" alt="veneto">
<area href="friuli.asp" shape="polygon" coords="69, 8, 75, 7, 78, 9, 77, 12, 80, 17, 79, 20, 76, 20, 73, 20, 71, 19, 69, 15, 68, 12"></map></td>

[br1]

Esempio:

<HTML>
<HEAD>
<script>
function prov(reg) {
if(reg=="SAR") {
	var pr = new Array("CA","Cagliari","NU","Nuoro","OR","Oristano","SS","Sassari");
	o = document.pippo.province.options;
	o.length=0;
	for (var i=0;i<pr.length;i+=2) {
		o[o.length] = new Option(pr[i +1],pr[i])
	}
}
if(reg=="VAO") {
	var pr = new Array("AO","Aosta");
	o = document.pippo.province.options;
	o.length=0;
	for (var i=0;i<pr.length;i+=2) {
		o[o.length] = new Option(pr[i +1],pr[i])
	}
}
// qui le altre regioni ...
}
</script>
</HEAD>

<BODY>
[img]mini.gif[/img]

<MAP NAME="br1">
	<AREA SHAPE="rect" HREF="#" COORDS="0,0,50,50" alt="Valle d'Aosta" onclick="prov('VAO');return false">
	<AREA SHAPE="rect" HREF="#" COORDS="0,50,50,100" alt="Sardegna" onclick="prov('SAR');return false">
</MAP>
<form name=pippo>
<select name="province">
<option>scegli la regione
</select>
</select>
</BODY>
</HTML>

ciao

ps: ho visto dopo il tuo messaggio... non dovrebbe esserti difficile adattare lo script

[giaffa]

GRANDEEEEEEEEEEE !
Solo c'è qualcosa che manca:
una volta cliccato sulla regione appaiono le relative provincie. OK! Ma una volta che scelgo la provincia non succede nulla. Io vorrei che invece, scegliendo la provincia dal menu a tendina si fosse rediretti, ad es., alla pagina "nuoro.asp". E' chiaro che devo usare una variabile che contenga la città scelta ma con questo javascript mi impiccio. Mi dai una mano anche sul finire?