DW - Comportaments - Menús emergents

Un dels comportaments de javascript més interessants que incorpora DW és el dels menús emergents. Més endavant us explicaré com fer menús emergents amb CSS sense necessitat de posar Javascript en les nostres pàgines. Però en aquest article us explicaré pas a pas com es fan. Però per que et facis una idea de quin és el resultat final clica aquí i mira a l'enllaç "Internacional":

Pasos a seguir:

1. Seleccionem un enllaç(una etiqueta A), condició obligatòria per que se'ns habiliti a la finestra Comportamientos la opció Mostrar Menú Emergente.
[Seleccionar enllaç + A la finestra Comportaments apretar al signe + > Escollir Mostrar Menú Emergente ]



2. Llavors ens surt una finestra on ens parla que amb el Fireworks els menús són més avençats i...

Us suggereixo que aneu mirant, quan pugueu, el Fireworks. Però de moment per que no ens molesti aquest cartellet cada cop que voleu un menú emergent marqueu la casella: "No volver a mostrar este mensaje" i cliqueu al botó continuar.

3. Ens apareix la següent finestra de la que de moment ens preocuparem de la pestanya "Contenido" on podrem anar posant els diferents elements de menú i fins i tot de submenú.


Podem anar creant tots els elements de menú per l'enllaç "La Portada" donant cada cop al botó [+], Per eliminar-ne fem servir el [-],les fletxes ens serveixen per canviar l'ordre. Al camp "vínculo" podem anar posant les url dels documents cap on volem que salti, i al camp destí, que és l'atribut target d'aquell enllaç, posem la finestra on volem que es representi la URL.



4. Ara us explicaré com fer submenús. Per fer això seleccionaré l'enllaç "Internacional" i crearé els següents enllaços. Començo posant els continents.



Però vull que Xina estigui indentada amb Àsia. Volem que Xina quedi penjada de la opció Àsia. Per fer això premem al botó:



Podem continuar creant més enllaços a Àsia... i quedarà així:



5. A la pestanya "Aspecto" escollim els colors i si volem el menú vertical u horitzontal. Jo esculliré vertical per que vull que es despenji d'Internacional.



6. I a la petanya Avanzado podem controlar altres aspectes, entre els quals trobem la demora de temps que es manté visible el menú emergent i/o els submenús.



7. A posició indiquem per on volem que aparegui el menú emergent. Jo escolliré per sota. I si cal modificaré el valor Y: per que aparegui al lloc adient.