Menús desplegables

Menús en HTML

<select name="Selecciona la asignatura"">
  <option selected> Selecciona la asignatura </option>
  <option> Introducción a HTML </option>
  <option> Programación JavaScript </option>
  <option> Diseño de sitios web </option>
</select>

No es posible hacer submenús. Un forma de paliarlo que se usa en algunas web:

 
  <select name="Selecciona la asignatura"">
  <option selected> Selecciona la asignatura </option>
  <option> Diseño web </option>
  <option> -------------------------- </option>
  <option> Introducción a HTML </option>
  <option> Usabilidad de sitios web </option>
  <option> Programación JavaScript </option>
  <option> &nbsp; </option>
  <option> Programación Java </option>
  <option> -------------------------- </option>
  <option> Programación básica en Java </option>
  <option> Programación en SWING </option>
  <option> Extensiones de Java </option>
  </select>

Saltos a otras páginas con menús y JavaScript

<SCRIPT>
function redirect(menu) {
	newLocation = menu[menu.selectedIndex].value;
	if (newLocation != "")
		self.location = newLocation;
	}
</SCRIPT>

<select onChange="redirect(this)" name="select">
  <option selected> Selecciona la p&aacute;gina </option>
  <option value="index.htm"> P&aacute;gina principal </option>
  <option value="dom-1.htm"> El &aacute;rbol del documento </option>
  <option value="calculadora.htm"> Calculadora de cr&eacute;ditos 
  </option>
  </select>

Ejemplos con Macromedia Fireworks

 

atrás