¿cómo se hace este tipo de menú despegable?

Cuando se pincha sobre la flecha un listado de recetas sale, pinchas sobre la receta que quieres le das a GO y te aparece la receta en otra ventana.

Se puede ver lo que quiero hacer aquí:
http://www.atkins.com/Recipes.aspx

¿Me pueden referir a algún tutorial para aprender a hacerlo, o si ya existen por algún lugar los códigos que podría copiar ?

Muchas gracias

Bueno amigo, aqui te dejo una solucion, es un poco diferente pero al igual funciona.

Código :

<script>
 /*
 Created by Anarkes
 ankDesigns
 */
 function redirect(url){
  window.location.href=url;
 }
</script>
<select>
<option onclick="redirect('page.html')">Primer Tutorial</option>
<option onclick="redirect('page2.html')">segundo Tutorial</option>
</select>

La forma de Trabajar de este codigo es la siguiente:
La funcion redirect(), te redirecciona a cualquier direccion que pongas entre los parentesis, solo pones un onclick="redirect('aqui tu pagina')" y listo te enviara a la pagina deceada.

Espero y te sirva.
Saludos.

Mira Aqui

Mucha gracias a los dos. Probaré los dos este fin de semana y os cuento como me ha ido el lunes.

Gracias

Ya he intentado probar las dos maneras de hacer el menu.
Las conclusiones: me quedo con el de anarkes por ser muchos más sencillo.
jpcw seguro que el que me propusiste deber ser muy bien, pero yo me hice un lío , luego más adelante cuando sepa más volveré a intentarlo .

Gracias a los dos por vuestra ayuda.

anarkes es posible añadir submenús al menú que me diste.

Carpeta: Recetas
subcarpeta1: Plato principal
- subcarpeta 1a: inducción
- subcarpeta 1b: ppp
- subcarpeta 1c: pre-mantenimineto
- subcarpeta 1d: mantenimiento
- subcarpeta 1e: otros

Gracias

Kane51 escribió:

Pues si entendi bien tu pregunta, si es posible amigo solo utilizando la etiqueta optgroup, si la usamos nos quedaria el codigo de la siguiente Manera:

Código :

<script>
 /*
 Created by Anarkes
 */
 function redirect(url){
  window.location.href=url;
 }
</script>
<select>
<optgroup label="Recetas">
 <optgroup label="Plato Principal">
  <option onclick="redirect('aqui tu pagina');">Introduccion</option>
  <option onclick="redirect('aqui tu pagina');">ppp</option>
  <option onclick="redirect('aqui tu pagina');">pre-mantenimiento</option>
  <option onclick="redirect('aqui tu pagina');">mantenimiento</option>
  <option onclick="redirect('aqui tu pagina');">Otros</option>
 </optgroup>

 <optgroup label="Otra Divicion">
  <option onclick="redirect('aqui tu pagina');">Mas</option>
 </optgroup>
</optgroup>
</select>

Espero haber entendido bien, si no era lo que buscas no dudes en preguntar.

Gracias Anarkes, hoy mismo lo probo y te digo como queda. Eres un sol

Buenos días

Ya ha puesto el código para el menú, pero hay algunas pegas.
1- no se ve igual en Firefox y en Explorer

captura de pantalla de Firefox

captura de pantalla Explorer
2- En Firefox pinchando sobre la flecha al lado del recuadro salen todas las opciones:
INDUCCIÓN
AVES
Nombre de la receta.
3- En Explorer no se ven los apartados, solo se ve los “Nombre de la receta”

¿Cómo puedo arreglar estos problemas?

Gracias

Esas recetas que salen estan en un control llamado combobox si la pagina esta en aspx lo mas probbale es que se carguen desde base de datos y en realidad no es muy dificil hacerlo. Imagina si quieres aumentar mas item en tu lista desplegable, tendrias que entrar por codigo y adicionar, sin embargo si lo tienes en una BD seria mejor. si deseas te paso como cargar esos combobox y leugo asi como en la pagina q muestras les das click en GO y te manda a otra pagina.