-
Cómo hacer un cuadro combinado con hacer clic en enlaces a páginas web
-
Un cuadro combinado es una herramienta muy común que se utiliza en sitios web. Se trata de una lista desplegable con enlaces que normalmente se ha creado usando formularios HTML. Puede agregar funcionalidad especial para su cuadro combinado por aspersión un poco de JavaScript en el HTML. Esta funcionalidad incluye la realización de su navegador web navegar a una página Web diferente cuando se hace clic en un enlace en el menú desplegable del cuadro combinado. Por ejemplo, puede crear un cuadro combinado que pide al usuario que elija entre tres sitios web, la navegación por el usuario al sitio cuando lo selecciona.Instrucciones
1 Abra su editor favorito (Bloc de notas o TextEdit no tendrán ningún problema).
2 Escriba el siguiente código HTML:
<HTML>
<BODY>
<Script type = \ "text / javascript \">
link_go función () {
si (document.link_form.link_sel.options [document.link_form.link_sel.selectedIndex] .value! = \ "no \") {
location = document.link_form.link_sel.options [document.link_form.link_sel.selectedIndex] .value
}
}document.write ( '<form name = \ "link_form \"> <select name = \ tamaño "link_sel \" onchange = 1 = \ "link_go () \">')
IR
document.write ( '<option value = ninguno> Seleccione su página de destino')
IR
document.write ( '<option value = ninguno> --------------------')
IR
document.write ( '<option value = \ "Google" rel = objetivo "nofollow" = "_blank"> http: //www.google.com \ & quot;> Google')
IR
document.write ( '<option value = \ "Yahoo" rel = objetivo "nofollow" = "_blank"> http: //www.yahoo.com \ & quot;> Yahoo')
IR
document.write ( '<option value = \ rel "eHow" = "nofollow"> http: //www.ehow.com \ & quot;> eHow')
IR
document.write ( '</ select>')
IR
document.write ( '</ form>')
IR
</ Script></ BODY>
</ HTML>3 Vaya a \ "Archivo \" \ "Guardar como \" y guardar el archivo con el nombre \ "ComboBox.html \" y haga clic en \ "Guardar \".
4 En \ "Mi PC, \" vaya a la carpeta donde guardó el archivo. Haga doble clic en el \ ". html \" archivo. Esto abrirá un navegador Web con la página que ha creado. Usted podrá ver su cuadro combinado en la parte superior de la página, con el texto \ "Seleccione su página de destino. \" Haga clic en el cuadro combinado y seleccione \ "Google, \" \ "Yahoo, \" o \ "eHow. \ "al hacerlo, el navegador será automáticamente redirigido al sitio.
5 Puede añadir páginas a su cuadro combinado utilizando la siguiente sintaxis:
document.write ( '<option value = \ "Mi" rel = objetivo "nofollow" = "_blank"> http: //www.your_page_here.com \ & quot;> Mi Página Nombre')
IRReemplazar \ "your_page_here \" con el enlace que desea que los usuarios sean redirigidos a cambiar y \ "Mi Nombre de página \" a la forma en que desea que su enlace aparezca en el cuadro combinado.
