Menu desplegable con opciones

Ya había mostrado antes como hacer un sencillo menú desplegable para nuestro blog.
El problema que surgía con este menú era que no ofrecía la posibilidad de abrir los links en una ventana aparte. Con este nuevo menú desplegable tendremos la posibilidad de dar a nuestras visitas la opción de abrir el link en una nueva ventana o no:
Ejemplo menu
El sistema para obtener el menú es fácil, hemos de copiar un sencillo script y el código para colocar los links todo junto en un nuevo elemento HTML-Javascript, en el caso de la plantilla clásica, lo aplicaremos directamente en la plantilla en la zona de la sidebar.

Código del menú
<script language="javascript">
function ir(){
var thebox=document.menu
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}

</script>
<form name="menu">
<select name="example" size="1">
<option selected/>Webs de interes
<option value="http://www.google.es/"/>Google
<option value="www.blogger.com"/>Blogger
<option value="http://www.imageshack.us"/>ImagesShack
<option value="http://chuano.net/chuano/util/convsimbolos.php"/>Convertidor Chuano
<option value="http://www.webtaller.com/utilidades/csscoder/colores.php"/>Tabla de colores
<option value="http://pages.google.com/"/>Google Pages
</select>
<input value="OK" onclick="ir()" type="button"/> <br/>
<input value="ON" name="windowoption" type="checkbox"/>
Abrir en una nueva ventana
</form>


* En <option selected/>, es donde pondremos el título que se verá cuando los links no están expandidos.
* Si queremos añadir más links, copiamos una de las líneas y la añadimos antes de </select> y así podemos añadir los que necesitemos.
* Podemos colocar en el menú la url de cualquiera de nuestras entradas o etiquetas.

0 comentarios:

Publicar un comentario