[html]Menu a tendina

7Keys · 20-10-2004, 23:31

Ciao...

sono nuovo nel campo del linguaggio Java script.

Sto per realizzare un sito con Html e proprio per l'appunto vorrei utilizzare il linguaggio Java Script per poter creare un menu a tendina.
Queste righe di codice le ho trovate su internet e ho cercato di capirle ma non ho capito come devo fare per metterle in pratica

<html>
<head>

<script type="javascript">
<--
function Menu(links) {
location.href = links[links.selectedIndex].value;
}
//-->
</script>

......

<select onChange="Menu(this)">
<option value="javascript:void(0)">Jump to...</option>
<option value="pagina1.htm">Home Page</option>
<option value="pagina2.htm">Pagina 2</option>
<option value="pagina3.htm">Pagina 3</option>
<option value="pagina4.htm">Pagina 4</option>
<option value="pagina5.htm">Pagina 5</option>
</select>

Qualcuno mi può aiutare???

PsycoMirror · 21-10-2004, 16:45

Il codice è corretto.
A me non piace come soluzione cmq lo script come scritto funziona.
Non capisco dove trovi problemi.
Va da se che qui:
<select onChange="Menu(this)">
<option value="java script:void(0)">Jump to...</option>
<option value="pagina1.htm">Home Page</option>
<option value="pagina2.htm">Pagina 2</option>
<option value="pagina3.htm">Pagina 3</option>
<option value="pagina4.htm">Pagina 4</option>
<option value="pagina5.htm">Pagina 5</option>
</select>
nelle option value sostituirai i parametri "pagina1.htm" ecc con le pag alle quali vorrai linkarti dal menù

7Keys · 21-10-2004, 22:04

Ciao
Grazie per la risposta ma mi da errore subito all'inizio del Tag
<select> non riesco a capire....

PsycoMirror · 22-10-2004, 00:03

Posta quanto hai scritto nella tua pag htm che vediamo insieme il problema

xblastx · 22-10-2004, 11:03

mission impossible....... o povero 7keyz.....

si si facci vedere sto sito......

7Keys · 22-10-2004, 18:15

Ciao questo e la pagina html.....

<html>
<head>
<script type="javascript">
<--
function Menu(links) {
location.href = links[links.selectedIndex].value;
}
//-->
</script>

<title>Titolo</title>

</head>

<body BACKGROUND="sfondo.jpg">

<img src="lampa.gif" WIDTh ="50" HEIGHT="50">
<h1></h1>
<select onChange="Menu(this)">
<option value="javascript:void(0)">Jump to...</option>
<option value="index.htm">Home Page</option>
<option value="pagina2.htm">Pagina 2</option>
<option value="pagina3.htm">Pagina 3</option>
<option value="pagina4.htm">Pagina 4</option>
<option value="pagina5.htm">Pagina 5</option>
</select>
<h1></h1>
<form action="prodotti.html" target="des">
<input type="submit" value="bottone1">
<h1></h1>
<input type="submit" value="bottone2">
<h1></h1>
<input type="submit" value="bottone3">
<h1></h1>
<input type="submit" value="bottone4">
</body>
</html>

Grazie anticipate...

PsycoMirror · 22-10-2004, 18:52

Prova ad incollare questo dimmi un po'

<html>
<head>
<script type="text/javascript">

function Menu(links) {
location.href = links[links.selectedIndex].value;
}

</script>

<title>Titolo</title>

</head>

<body BACKGROUND="sfondo.jpg">

<img src="lampa.gif" WIDTh ="50" HEIGHT="50">
<h1></h1>
<select onChange="Menu(this)">
<option value="java script:void(0)">Jump to...</option>
<option value="index.htm">Home Page</option>
<option value="pagina2.htm">Pagina 2</option>
<option value="pagina3.htm">Pagina 3</option>
<option value="pagina4.htm">Pagina 4</option>
<option value="pagina5.htm">Pagina 5</option>
</select>
<h1></h1>
<form action="prodotti.html" target="des">
<input type="submit" value="bottone1">
<h1></h1>
<input type="submit" value="bottone2">
<h1></h1>
<input type="submit" value="bottone3">
<h1></h1>
<input type="submit" value="bottone4">
</body>
</html>

7Keys · 22-10-2004, 22:27

Perfetto
Grazie mille....
lo sapevo che andavo sbagliare una cavolata....

Ora funziona tutto perfettamente....

xblastx · 22-10-2004, 23:11

PsycoMirror · 23-10-2004, 12:00

20-10-2004, 23:31	#1
7Keys Registered User Iscritto dal: Oct 2003 Città: Bollate Messaggi: 147	[html]Menu a tendina Ciao... sono nuovo nel campo del linguaggio Java script. Sto per realizzare un sito con Html e proprio per l'appunto vorrei utilizzare il linguaggio Java Script per poter creare un menu a tendina. Queste righe di codice le ho trovate su internet e ho cercato di capirle ma non ho capito come devo fare per metterle in pratica <html> <head> <script type="javascript"> <-- function Menu(links) { location.href = links[links.selectedIndex].value; } //--> </script> ...... <select onChange="Menu(this)"> <option value="javascript:void(0)">Jump to...</option> <option value="pagina1.htm">Home Page</option> <option value="pagina2.htm">Pagina 2</option> <option value="pagina3.htm">Pagina 3</option> <option value="pagina4.htm">Pagina 4</option> <option value="pagina5.htm">Pagina 5</option> </select> Qualcuno mi può aiutare???

22-10-2004, 11:03	#5
xblastx Senior Member Iscritto dal: Apr 2001 Città: Cornaredo (Milano) Messaggi: 4145	mission impossible....... o povero 7keyz..... si si facci vedere sto sito...... __________________ "GIU' LE MANI DAI BAMBINI !!!!!!!"

22-10-2004, 18:52	#7
PsycoMirror Junior Member Iscritto dal: Oct 2004 Messaggi: 29	Prova Adesso Prova ad incollare questo dimmi un po' <html> <head> <script type="text/javascript"> function Menu(links) { location.href = links[links.selectedIndex].value; } </script> <title>Titolo</title> </head> <body BACKGROUND="sfondo.jpg"> <img src="lampa.gif" WIDTh ="50" HEIGHT="50"> <h1></h1> <select onChange="Menu(this)"> <option value="java script:void(0)">Jump to...</option> <option value="index.htm">Home Page</option> <option value="pagina2.htm">Pagina 2</option> <option value="pagina3.htm">Pagina 3</option> <option value="pagina4.htm">Pagina 4</option> <option value="pagina5.htm">Pagina 5</option> </select> <h1></h1> <form action="prodotti.html" target="des"> <input type="submit" value="bottone1"> <h1></h1> <input type="submit" value="bottone2"> <h1></h1> <input type="submit" value="bottone3"> <h1></h1> <input type="submit" value="bottone4"> </body> </html>

22-10-2004, 23:11	#9
xblastx Senior Member Iscritto dal: Apr 2001 Città: Cornaredo (Milano) Messaggi: 4145	__________________ "GIU' LE MANI DAI BAMBINI !!!!!!!"

23-10-2004, 12:00	#10
PsycoMirror Junior Member Iscritto dal: Oct 2004 Messaggi: 29	Figurati

21-10-2004, 16:45	#2
PsycoMirror Junior Member Iscritto dal: Oct 2004 Messaggi: 29	Il codice è corretto. A me non piace come soluzione cmq lo script come scritto funziona. Non capisco dove trovi problemi. Va da se che qui: <select onChange="Menu(this)"> <option value="java script:void(0)">Jump to...</option> <option value="pagina1.htm">Home Page</option> <option value="pagina2.htm">Pagina 2</option> <option value="pagina3.htm">Pagina 3</option> <option value="pagina4.htm">Pagina 4</option> <option value="pagina5.htm">Pagina 5</option> </select> nelle option value sostituirai i parametri "pagina1.htm" ecc con le pag alle quali vorrai linkarti dal menù

21-10-2004, 22:04	#3
7Keys Registered User Iscritto dal: Oct 2003 Città: Bollate Messaggi: 147	Ciao Grazie per la risposta ma mi da errore subito all'inizio del Tag <select> non riesco a capire....

22-10-2004, 00:03	#4
PsycoMirror Junior Member Iscritto dal: Oct 2004 Messaggi: 29	Posta quanto hai scritto nella tua pag htm che vediamo insieme il problema

22-10-2004, 18:15	#6
7Keys Registered User Iscritto dal: Oct 2003 Città: Bollate Messaggi: 147	Ciao questo e la pagina html..... <html> <head> <script type="javascript"> <-- function Menu(links) { location.href = links[links.selectedIndex].value; } //--> </script> <title>Titolo</title> </head> <body BACKGROUND="sfondo.jpg"> <img src="lampa.gif" WIDTh ="50" HEIGHT="50"> <h1></h1> <select onChange="Menu(this)"> <option value="javascript:void(0)">Jump to...</option> <option value="index.htm">Home Page</option> <option value="pagina2.htm">Pagina 2</option> <option value="pagina3.htm">Pagina 3</option> <option value="pagina4.htm">Pagina 4</option> <option value="pagina5.htm">Pagina 5</option> </select> <h1></h1> <form action="prodotti.html" target="des"> <input type="submit" value="bottone1"> <h1></h1> <input type="submit" value="bottone2"> <h1></h1> <input type="submit" value="bottone3"> <h1></h1> <input type="submit" value="bottone4"> </body> </html> Grazie anticipate...

22-10-2004, 22:27	#8
7Keys Registered User Iscritto dal: Oct 2003 Città: Bollate Messaggi: 147	Perfetto Grazie mille.... lo sapevo che andavo sbagliare una cavolata.... Ora funziona tutto perfettamente....

Strumenti
Mostra una versione stampabile Invia questa pagina per email