PDA

View Full Version : [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
:D
PsycoMirror
23-10-2004, 12:00
;)