2012-06-07 19 views
5

He logrado hacer que mi menú de navegación caiga con html <select>. Me he encontrado con un problema, sin embargo.Crear navegación del menú desplegable con <select>

Mis enlaces externos no funcionan. Es decir, Youtube.

Aquí está el código:

<select ONCHANGE="location = this.options[this.selectedIndex].value;"> 

    <option value="" selected="selected">Navigation</option> 

    <option value="index.html">Home</option> 
    <option value="detroitvideoproduction.html">Video Production</option> 
    <option value="locationsounddetroit.html">Location Sound</option> 
    <option value="videoeditingdetroit.html">Video Editing</option> 
    <option value="custommotiongraphicsdetroit.html">Custom Graphics</option> 
    <option value="demoreel.html">Demo Reel</option> 
    <option value="http://www.youtube.com/user/VideoDetroitMI?ob=0">You Tube</option> 
    <option value="http://vimeo.com/liveoutloudproductions">Vimeo</option> 
    <option value="dslrrentalsdetroit.html">Camera Rental</option> 
    <option value="lectrosonicsrentalsdetroit.html">Audio Rental</option> 
    <option value="griprentalsdetroit.html">Grip Rental</option> 
    <option value="camerasupportdetroit.html">Camera Support</option> 
    <option value="about.html">About Us</option> 
    <option value="contact.html">Contact</option> 
       </select> 

Como se puede ver que tengo 2 enlaces externos. Uno para Vimeo, el otro para Youtube. Cuando selecciona Vimeo, funciona perfectamente bien y lo lleva a la página de vimeo correspondiente, , pero cuando selecciona Youtube, no hace nada.

Sé que la URL en el enlace es correcta, la revisé antes de publicar esto.

¿Alguien sabe por qué Youtube no funciona cuando Vimeo lo hará?

+1

Qué navegador está realizando pruebas en? – MaxVT

+0

Nos rendimos en esto hace mucho tiempo y reconstruimos el sitio con Wordpress. – timatgetdim

+0

Por lo que vale, acaba de probar esta solución en Safari 9 y sigue funcionando bien. – Kaji

Respuesta

3

Bueno, no va a querer escuchar esto, pero funcionó bien para mí ... Copié y pegué el código y lo probé con Chrome y fue a su página muy bien.

0

Algunos navegadores pueden estar oponiéndose a ver un? en la cadena en una lista de selección. Intenta convertir tu URL de YouTube con TinyURL. No lo he probado, pero supongo que eso hará el truco.

1

Es posible que desee cambiar onchange que con esto: window.location.href = this.value

Cuestiones relacionadas