creare piu menu a tendina

**Stefano71Rm** · 08-06-2012, 14:10

ciao a tutti.
ho trovato questo codice per un menu a tendina:

codice:

<html>
<head>
</head>

<body>

<script type="text/javascript">
var theTarget = "_blank";
function goThere(){
if(!document.theForm1.theMenu1.selectedIndex==""){
window.open(document.theForm1.theMenu1.options[document.theForm1.theMenu1.selectedIndex].value,theTarget,"");}}
</script>

<form name="theForm1">
<select name="theMenu1" size=1 onChange="goThere()">
<option selected value="">siti preferiti
<option value="http://www.yahoo.it">yahoo
<option value="http://www.msn.com">msn
</select>
</form>

</body>
</html>

...il mio problema è che non riesco a creare nuovi menu a tendina come il precedente, ho provato a fare copia-incolla , sempre se è esatto fare copia-incolla e a cambiare delle voci, ma non ci sono riuscito, potete aiutarmi?

**Vincent.Zeno** · 08-06-2012, 14:22

Stefano,
ricorda di usare sempre il tag CODE per postare codice, grazie

**Stefano71Rm** · 09-06-2012, 19:50

mi aiuta qualcuno? ops!

**Vincent.Zeno** · 09-06-2012, 20:09

fare duplicati va bene ma devi rivalorizzare la funzione (quindi anche il suo nome) e dare i nuovi riferimenti nel nuovo form

**Stefano71Rm** · 10-06-2012, 14:51

codice:

<html>
<head>
</head>

<body>

<script type="text/javascript">
var theTarget = "_blank";
function goThere(){
if(!document.theForm1.theMenu1.selectedIndex==""){
window.open(document.theForm1.theMenu1.options[document.theForm1.theMenu1.selectedIndex].value,theTarget,"");}}
</script>

<form name="theForm1">
<select name="theMenu1" size=1 onChange="goThere()">
<option selected value="">siti preferiti
<option value="http://www.yahoo.it">yahoo
<option value="http://www.msn.com">msn
</select>
</form>


<script type="text/javascript">
var theTarget = "_blank";
function goThere(){
if(!document.theForm2.theMenu2.selectedIndex==""){
window.open(document.theForm2.theMenu2.options[document.theForm1.theMenu1.selectedIndex].value,theTarget,"");}}
</script>

<form name="theForm2">
<select name="theMenu2" size=1 onChange="goThere()">
<option selected value="">siti preferiti
<option value="http://www.ciao.it">ciao
<option value="http://www.meteo.it">meteo
</select>
</form2>



</body>
</html>

var the target = "_blank"; non sò come rinominarlo forse con var the target2 = "_blank";
....e anche "document" e "selectedIndex" avevo provato a mettere un "1" alla fine del nome..

ho fatto diverse prove e non sono riuscito... eppure dovrebbe essere semplice (per chi lo sa fare)

mi puoi aiutarmi ulteriormente ?

**Vincent.Zeno** · 10-06-2012, 16:05

codice:

<html>

<head>

<script type="text/javascript">
var theTarget = "_blank";
function goThere1(){
if(!document.theForm1.theMenu1.selectedIndex==""){
window.open(document.theForm1.theMenu1.options[document.theForm1.theMenu1.selectedIndex].value,theTarget,"");}}
</script>
<script type="text/javascript">
var theTarget = "_blank";
function goThere2(){
if(!document.theForm2.theMenu2.selectedIndex==""){
window.open(document.theForm2.theMenu2.options[document.theForm2.theMenu2.selectedIndex].value,theTarget,"");}}
</script>


</head>

<body>
<h1>select on change</h1>
<form name="theForm1">
<select name="theMenu1" size=1 onChange="goThere1()">
<option selected value="">siti preferiti</option>
<option value="http://www.destinazione.tld/">http://www.destinazione.tld/</option>
<option value="http://www.destinazione.tld/">http://www.destinazione.tld/</option>
</select>
</form>
<form name="theForm2">
<select name="theMenu2" size=1 onChange="goThere2()">
<option selected value="">siti preferiti</option>
<option value="http://www.destinazione.tld/">http://www.destinazione.tld/</option>
<option value="http://www.destinazione.tld/">http://www.destinazione.tld/</option>
</select>
</form>


</body>

</html>

**Stefano71Rm** · 10-06-2012, 17:23

molte grazie vincent.zeno

non sai quanto tempo ci avevo perso per provare..

un saluto.

Discussione: creare piu menu a tendina

Strumenti discussione

Ricerca discussione

Visualizza

creare piu menu a tendina

?

grazie

Permessi di invio