menu a discesa

[raku]

Buongiorno a tutti.
Premetto che io mastico molto poco di javascript ma vorrei usarlo (se possibile) per fare un menu a discesa nelle voci di menu di questa pagina: http://www.termosavinese.it/italiano/azienda.html.
Cerco di spiegarmi meglio: vorrei creare delle sottovoci che scendano in verticale e che compaiono quando passo sopra le voci azienda, servizi, prodotti, realizzazioni e contatti.
E possibile farlo lasciando il menu che ho inserito attualmente o devo reimpostare tutto?
Grazie mille

[tarini]

a me da un 404 il tuo link

[br1]

Originariamente inviato da tarini
a me da un 404 il tuo link

cancella la virgola finale nella barra degli indirizzi

[tarini]

sono proprio un niubbo... non me ne ero accorto

cmq caro raku è possibile farlo utilizzando dei DIV nascosti che diventano visibili sull'onmouseover del menu già esistente

[raku]

Ciao e grazie mille per il suggerimento.
Io ho provato ad inserire dei div nascosti ma forse sbaglio il javascript che inserisco.

Per la voce del menu AZIENDA ad esempio ho inserito:
<div style="background-color: #FBFBD3;">
AZIENDA
<div style="position: Absolute; width: 100%; height: 20%;" onMouseOver="Chiudi()"></div>

<div id="sottomenu" style="left: 1px;">
Pagina # 1

Pagina # 2

Pagina # 3

</div>

nell'head della pagina ho inserito:
<link rel="stylesheet" type="text/css" href="menu.css">
<script language="javascript" src="menu.js"></script>

e il foglio di stile è:
div {
font-size: 11px;
font-family: Verdana;
}

#principale {
color: #000000;
text-decoration: None;
}

#sottomenu {
position: Absolute;
visibility: Hidden;
width: 120px;
padding: 1px;
border: Solid 1px #000000;
}

mentre menu.js è:
var quanti = 3;
var i;

function Apri(conta)
{
if(document.all)
{
var elemento = event.toElement;
var mostra = document.all.sottomenu[conta];
mostra.style.visibility = "visible";
mostra.style.top = 14;
for (i=0; i<quanti; i++)
{
aperto = document.all.sottomenu[i];
menu = document.all.principale[i];
if (i != conta)
{
aperto.style.visibility = "hidden";
}
}
}
}

function Chiudi()
{
for (i=0; i<quanti; i++)
{
if (document.all)
{
document.all.sottomenu[i].style.visibility = "hidden";
menu = document.all.principale[i];
}
}
}

Ma il tutto non funge! Potete aiutarmi?
Scusatemi per il messaggio kilometrico.

[tarini]

ti sei complicato la vita
la funzione apri trasformala cosi:

function apri(idDiv) {
  document.getlElementById(idDiv).style.display="block";
}

e nel markup trasforma cosi

<div style="background-color: #FBFBD3;">
AZIENDA
<div id="sottomenu" style="position: Absolute; width: 100%; height: 20%;" onMouseOver="Chiudi('sottomenu')"> 
Pagina # 1

Pagina # 2

Pagina # 3

</div>

ps per nascondere usa display:none

[raku]

Rieccomi di nuovo ma io proprio non riesco a farlo funzionare, puoi vedere cosa ho pasticciato? Adesso ho scritto nel file menu.js:
function apri(idDiv) {
document.getlElementById(idDiv).style.display="blo ck";
}

e nel link:
<td bgcolor="#FBFBD3" width="82" height="18">AZIENDA
<div id="sottomenu" style="position: Absolute; width: 100%; height: 20%;" onMouseOver="Chiudi('sottomenu')">
Certificazioni

Dove siamo

</div>

Come puoi vedere (http://www.termosavinese.it/italiano/azienda.html) mi da errore

Grazie e scusa l'"imbranataggine"

[tarini]

prova a sistemare le lettere maiuscole/minuscole...

onmouseover, onmouseout, apri tutti minuscoli