2012-06-07 3 views
5

Ich habe es geschafft, mich Menü-Navigation mit HTML <select> Drop zu lassen. Ich habe jedoch ein Problem festgestellt.Erstellen Drop-Menü-Navigation mit <select>

Meine externen Links funktionieren nicht. Nämlich Youtube. Hier

ist der Code:

<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> 

Wie Sie Ich habe 2 externe Links zu sehen. Einer zu Vimeo, der andere zu Youtube. Wenn Sie Vimeo wählen, funktioniert es einwandfrei und bringt Sie zur entsprechenden Vimeo-Seite, , aber wenn Sie Youtube wählen, tut es überhaupt nichts.

Ich weiß, dass die URL in dem Link korrekt ist, ich habe es überprüft, bevor ich das gepostet habe.

Jeder weiß, warum Youtube nicht funktioniert, wenn Vimeo wird?

+1

welchen Browser testen Sie? – MaxVT

+0

Wir haben das schon lange aufgegeben und die Seite mit Wordpress neu aufgebaut. – timatgetdim

+0

Für was es wert ist, nur getestet diese Lösung in Safari 9 und es funktioniert immer noch gut. – Kaji

Antwort

3

Nun, Sie werden das nicht hören wollen, aber es hat gut für mich funktioniert ... Ich kopierte und klebte den Code und testete es mit Chrome und es ging auf Ihre Seite ganz gut.

0

Einige Browser sind möglicherweise gegen eine? in der Zeichenfolge in einer Auswahlliste. Versuche, deine YouTube-URL mit TinyURL zu konvertieren. Ich habe nicht getestet, aber ich schätze, das wird den Trick machen.

1

Vielleicht möchten Sie mit diesem onChange ändern: window.location.href = this.value

Verwandte Themen