16.2.11

Links de Páginas en una Lista




Si quieres poner tus Links o Hipervínculos en una Lista y que al seleccionarlo Cambie de página, con un poco de Javascript es Posible, muy Fácil de Hacer y gracias a esto puedes ahorrar un Poco de espacio en tu página ayudando al diseño de la misma.

Ejemplo:


Código:

<form>
<select onchange="if(this.selectedIndex!=0)
self.location=this.options[this.selectedIndex].value">
<option selected="" value=""> Seleccione la Página
</option><option value="http://trucosw3.blogspot.com/">Inicio
</option><option value="http://trucosw3.blogspot.com/p/complementos-widgetsgadgets.html">Como Agregar Widgets
</option><option value="http://trucosw3.blogspot.com/p/directorio.html">Listado de Trucos
</option></select>
</form>


Explicación: Como puedes ver el Evento OnChange de la Lista se encuentra este código: "if (this.selectedIndex != 0) self.location=this.options[this.selectedIndex].value" el cual hace funcionar la lista ya que tiene una condicion en la cual mira si es Diferente al Primer Elemento, en nuestro caso "Seleccione la Página", pone el valor del elemento de la lista en Self.Location el cual es nuestro marco o ventana actual.

Importante: En Value debes colocar tus URLs estos pueden ser Absolutos como por ejemplo "http://trucosw3.blogspot.com/" o Relativos como "/ejemplo.htm"

Si te gusto el contenido no Olvides Comentar y Compartir



2 comentarios:

  1. me sirve para mis trabajos en la U

    ResponderEliminar
  2. a mi tmbn me servio en mi tiempo para un trabajo de la u, ahora me sirve para mi trabajo, no olvides decir que lo viste en http://trucosw3.blogspot.com

    ResponderEliminar