Cómo crear una lista desplegable con enlaces cliqueables a páginas web

Escrito por betty quinton | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo crear una lista desplegable con enlaces cliqueables a páginas web
Las cajas desplegables son una gran complemento para cualquier sitio web. (website layout image by 6922Designer from Fotolia.com)

Una lista desplegable es una herramienta muy habitual en los sitios web. Es una lista desplegable en la que se puede hacer clic y que normalmente se crea usando formularios HTML. Puedes añadir funcionalidad especial a tu lista desplegable añadiendo un poco de JavaScript a tu HTML. Esta funcionalidad incluye hacer que tu navegador web vaya a una página web distinta cuando se hace clic en un enlace en menú desplegable de la lista. Por ejemplo, puedes crear una lista desplegable que pida al usuario que escoja entre tres sitios web, llevando al usuario al sitio web seleccionado.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Un editor de texto

Lista completaMinimizar

Instrucciones

  1. 1

    Abre tu editor favorito (Bloc de Notas o Textedit funcionarán bien).

  2. 2

    Escribe el siguiente código HTML: <HTML> <BODY> <script type="text/javascript"> function link_go(){ if (document.link_form.link_sel.options[document.link_form.link_sel.selectedIndex].value != "none") { location = document.link_form.link_sel.options[document.link_form.link_sel.selectedIndex].value } }

    document.write('<form name="link_form"><select name="link_sel" size=1 onchange="link_go()">')

    document.write('<option value=none>Selecciona tu página de destino') GO document.write('<option value=none>--------------------') GO document.write('<option value=\"http://www.google.com\">Google') GO document.write('<option value=\"http://www.yahoo.com\">Yahoo') GO document.write('<option value=\"http://www.ehow.com\">eHow') GO document.write('</select>') document.write('</form>') </script> </BODY> </HTML>

  3. 3

    Ve a "Archivo", "Guardar como" y guarda tu archivo con el nombre "ComboBox.html" y haz clic en "Guardar".

  4. 4

    En "Mi PC", navega a la carpeta donde guardaste el archivo. Haz doble clic sobre el archivo ".html". Esto abrirá un navegador web con la página que has creado. Verás tu lista desplegable al principio de la página, con el texto "Selecciona tu página de destino". Haz clic en la lista desplegable y selecciona "Google", "Yahoo" o "eHow". Cuando lo hagas, tu navegador te redirigirá automáticamente al sitio.

  5. 5

    Puedes añadir páginas a tu lista desplegable usando la siguiente sintaxis: document.write('<option value="http://www.tu_página_aquí.com">Nombre de mi página')

    Cambia "tu_página_aquí" por el enlace al que quieres que sean redirigidos los usuarios y cambia "Nombre de mi página" por lo que quieres que aparezca en la lista desplegable.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles