menu a tendina che non si chiude

**andropoff** · 01-09-2005, 16:45

ciao a tutti,
ho trovato questo script che mi permette di creare un semplice menu a tendina..

[CODE]
<SCRIPT type=text/javascript>

</SCRIPT>

e in html

codice:

<DL>
<DT onmouseover="javascript:montre('smenu1');">MENU 
<DD id="smenu1">
<UL>
<LI>voce1 
<LI>voce2
<LI>voce3 
<LI>voce4   
</LI>[/list]
</DD>
</dt>
</DL>

è ottimo solo che, una volta fuori dal menu, la tendina non si chiude...
è possibile farla chiudere in qualche modo?

**br1** · 01-09-2005, 17:55

Devi mettere piu' di un menu per vedere l'effetto di chiusura.

aggiungi <BODY onload="montre()"> per averli tutti chiusi all'inizio.

ciao

**andropoff** · 01-09-2005, 17:58

Originariamente inviato da br1
Devi mettere piu' di un menu per vedere l'effetto di chiusura.

ciao

ne ho 5...

se vado sul 2, lo apro e chiudo l'1...e così via...

quello che manca è la possibilità chiuderli tutti, cioè tornare alla situazione iniziale con tutti chiusi, poichè l'ultimo aperto rimane sempre aperto...

**br1** · 01-09-2005, 18:12

Chidi tutto

Altrimenti spiega meglio quando vuoi che si chiudano...

ciao

**andropoff** · 01-09-2005, 18:17

se io navigo nei sottomenu di una "tendina" qualsiasi, non clicco su nessuna voce ed esco, la tendina resta aperta e nn si chiude più.

**andropoff** · 02-09-2005, 09:19

nessuno?

**br1** · 02-09-2005, 09:40

Non hai precisato il quando... ovvero l'evento al quale vuoi legare la chiusura.

Mi spiego meglio... a prendere alla lettera quanto hai scritto nel tuo penultimo messaggio il menu dovrebbe chiudersi solo se precedentemente hai "sorvolato" gli elementi del sottomenu... e se questa operazione non l'hai fatta?
Esistono altri particolari di cu tener conto, ma ti propongo un intervento minimo per fare qualcosa che somiglia a quello che chiedi:

codice:

<script>
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
	if (document.getElementById('smenu'+i)) {
		document.getElementById('smenu'+i).style.display='none';
	}
}
if (d) {d.style.display='block';}
}
var chiudi;
function nascondi() {
	if(chiudi) {
		clearTimeout(chiudi);
		chiudi = false;
	}
	chiudi = setTimeout("montre()",3000);
}
//-->
</SCRIPT>

...

<DL>
<DT onmouseover="montre('smenu1');" onmouseout="nascondi()">MENU 

...

ciao

**andropoff** · 02-09-2005, 11:14

è proprio quello che chiedevo..
scusa se mi sono spiegato male e grazie della pazienza, sono un novellino di script e sto cercando di capirci qualcosa ..

mi spiegheresti una cosa?:

var chiudi;
function nascondi() {
if(chiudi) {
clearTimeout(chiudi);
chiudi = false;
}
chiudi = setTimeout("montre()",3000);
}

tu dichiari una variabile chiudi e crei una funzione..

in quell'IF che dici, cioè l'if dello script è stano, if(chiudi) che significa? if che cosa?..

poi, se ho capito bene, con setTimeout("montre()",3000); dici di "chiudere" o "bloccare" la funzione montre dopo 3000 (cosa

)?

o sbaglio...

oh, grazie 1000 davvero...

e

Discussione: menu a tendina che non si chiude

Strumenti discussione

Ricerca discussione

Visualizza

menu a tendina che non si chiude

Permessi di invio