Menu a tendina con NVU

10-10-2007, 22.55.07

Ciao a tutti..sto proseguendo (pian piano) con la costruzione del mio sito..purtroppo mi son fissato sul menu a tendina ma non riesco a trovarci il dritto di inserirlo nel codice sorgente dove ho scritto ,per il momento, testualmente i link...se qualcuno sapesse aiutarmi ne sarei veramente grato,altrimenti vorrà dire che mi accontento dei semplici collegamenti.

Qui di seguito l'HTML

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1" />
  <title>index</title>
</head>
<body
 style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"
 alink="#e20000" link="#ededed" vlink="#e20000">
<table
 style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr align="center">
      <td style="height: 50px; width: 800px;"><img
 style="width: 800px; height: 50px;" alt="MD Photo"
 src="Grafica%20home%20page/titolo%20home%20page.jpg"
 align="middle" /></td>
    </tr>
    <tr>
      <td style="height: 8px;">
      <hr style="color: red; height: 1px; width: 100%;" /></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: left; width: 800px; height: 35px; vertical-align: top;">&nbsp;<big><span
 style="font-style: italic; font-weight: bold;">&nbsp;
&nbsp;Home &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp;&nbsp;
&nbsp;&nbsp; Profilo &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; Attrezzatura &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; Gallery &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; &nbsp; &nbsp;
&nbsp; Link &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; Info</span></big></td>
    </tr>
    <tr>
      <td style="height: 60px;"><br />
      <div style="text-align: center;"><span
 class="large"><em></em></span><big><big><big><big>Sito
&nbsp;in costruzione</big></big></big></big></div>
      </td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"><img
 style="width: 25px; height: 25px; float: right;"
 alt="English version" src="Grafica%20home%20page/flag_uk.gif"
 hspace="3" /><img
 style="width: 25px; height: 25px; float: right;"
 alt="Versione italiana"
 src="Grafica%20home%20page/flag_italy.gif" hspace="10" /></td>
    </tr>
  </tbody>
</table>
<br />
</body>
</html>

e la home page in costruzione...

http://mdphoto.altervista.org/index.html

Usa i tag appositi per il codice, migliori la visualizzazione

**funcool** · 11-10-2007, 09.27.56

Se cerchi con Google, trovi tantissimi esempi.

11-10-2007, 15.05.33

Di esempi ne ho trovati tantissimi ma quando si tratta di inserire i codici comincia il bello...e alla fine non risolvo nulla.Pazienza...grazie lo stesso.

11-10-2007, 20.35.37

semplice esempio trovato online e riabbozzato per farti capire come devi sistemare le varie cose:

Codice:

<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<script language="javascript">

function Menu(links) {
   //Crea un link all'indice della select selezionato
   location.href = links[links.selectedIndex].value;
}
//Crea la tabella di dati contenente le voci delle possibili opzioni
var voci = new Array();
   voci[0] = "Pagina 1";
   voci[1] = "Pagina 2";
   voci[2] = "Pagina 3";
   voci[3] = "Pagina 4";
   voci[4] = "Pagina 5";
//Crea la tabella di dati contenente i link alle rispettive voci delle opzioni
var link = new Array();
   link[0] = "pagina1.htm";
   link[1] = "pagina2.htm";
   link[2] = "pagina3.htm";
   link[3] = "pagina4.htm";
   link[4] = "pagina5.htm";
//Crea la struttura Html della select

</script>
</head>

<body>

<script language="javascript">
document.write("<select onChange=Menu(this)>");
document.write("<option value=javascript:void(0)>menu con vari link</option>");
//Esegue un ciclo ed estende tutte le voci del menu
for(i=0; i<5; i++) {
   document.write("<option value=" + link[i] + ">" + voci[i] + "</option>");
}
document.write("</select>");

</script>
</body>

</html>

Discussione: Menu a tendina con NVU

LinkBack

Strumenti discussione

Display

Menu a tendina con NVU

Regole di scrittura