Dreamweaver 8

Apartado 3.

1 Coloca el cursor en la primer línea, vamos a introducir el menú aquí.

2 Haz clic en Insertar → Formulario → Menú de salto.

Se abrirá el cuadro de diálogo de Menú de salto.

3 En Texto escribe Sección 1.

4 En Al seleccionarse, ir a URL escribe #.

Repite estos pasos para la Sección 2 y la Sección 3.

5 Marca la casilla Insertar botón Ir tras el menú.

6 Pulsa Aceptar y el menú se creará.

Puedes probarlo en el navegador pulsando la tecla F12.

Si cuando seleccionas algún elemento en el menú, el navegador hace el cambio de página (aunque no se vea se añade un # en la barra de direcciones).

Dreamweaver no habrá cerrado bien el botón Ir.

Nosotros queremos seleccionar el elemento y luego pulsando el botón Ir ir a la página en concreto.

7 Pasa a la vista de código.

8 Busca la parte donde se encuentra el formulario, verás esta línea:

<select name="menu1" onchange="MM_jumpMenu('parent',this,0)">

9 Observa que tiene un evento onChange (cuando cambie), esto provoca que cuando se cambie el valor del selector de elemento se ejecute el comportamiento. Vamos a eliminarlo dejando la línea así:

<select name="menu1">

Ahora ya no cambiará de página al cambiar de elemento, sino al hacer clic en el botón. Observa la línea en la que se crea el botón:

<input type="button" name="Button1" value="Ir" onclick="MM_jumpMenuGo('menu1','parent',0)" />

El botón tiene asociado el evento onClick para que vaya a la página que corresponde.

Lo hemos conseguido.

Más adelante modificaremos los valores para que el menú tenga funcionalidad.

De momento lo dejaremos así.

 Cursos Informática Gratuitos