Impostare un menu a comparsa in Dreamweaver
Data: Martedì 08 luglio 2003 alle 13:02:22
Argomento: Dreamweaver Javascript
Autore: DoZ

Imenù a comparsa sono una bella invenzione, ma com'è possibile farseli in DW senza l'ausilio di estensioni di terze parti?
Ve lo spiego!




Com'è fatto un menù a comparsa?
Basilarmente si tratta di un'area sensibile della pagina che, al passaggio del mouse, fa scattare un codice che viualizza un'altra area che prima era nascosta; dopodichè, quando il mouse esce dall'area d'interesse del menù in questione, tutto torna a riposo.

Realizzare un menù di questo tipo è molto semplice:

1. creiamo un elemento che rappresenta il nostro "menù a riposo" (partiamo con una semplice parola);




2. creaiamo un livello che rappresenta il "menù aperto"; qui dentro potremo mettere quasi tutto l'immaginabile (testo, immagini, ...);



3. ora creaiamo un altro livello (che chiameremo "vuoto"), mettiamoci dentro UN PIXEL GIF TRASPARENTE ed allarghiamolo in modo da coprire il menù aperto e chiuso, con un po' di abbondanza; portiamo questo livello allo "z-index=0";




4. impostate come "invisibili" i livelli appena creati.

Ora il trucco è in un piccolo gioco di "show/hide layers"!
Usando i behaviors di DW impostate il tutto in modo che:

  1. quando il mouse si trova sopra il menù chiuso, il livello col menù aperto compaia;
  2. quando il mouse si trova sopra il GIF trasparente, il livello (o i livelli) con il menù aperto scompaia.

Semplice, no?
Manca però una piccola cosuccia.
Dovete aggiungere un elemento (gif trasp. allargato) che copra il link al menù aperto quando questo è visibile altrimenti, comparendo anche il livello "vuoto" subito sotto al mouse, il menù scomparirebbe subito, e avreste un "menù lampeggiante"!!



Questo elemento può essere un altro livello con dentro il gif trasparente, ma lo sconsiglio perchè se i menù iniziano a crescere in numero vi troverete una tundra di livelli nella palette LAYERS!
Piuttosto opterei per una costruzione più pensata del menù aperto, ad esempio inserendo nel livello una tabella che contenga sia gli elementi stessi del menù che il GIF "di sicurezza".




Giusto per informazione, la stessa tecnica può essere usata per la creazione di menù a comparsa in FLASH!

Buon divertimento!





Questo articolo proviene da MMKit
http://www.mmkit.com

Articolo sponsorizzato da:
... DoZarte ...
http://www.dozarte.com
Contact
Tel.: 347.1019351

La URL per questo articolo è:
http://www.mmkit.com/article.php?sid=309