[JavaScript] Pulldown Navigation

Dieses Thema im Forum "Webentwicklung" wurde erstellt von eVeReSt, 30. April 2007 .

  1. 30. April 2007
    Pulldown Navigation

    Hallo!

    Für mein aktuelles Projekt brauche ich eine Pupdown Navi, z.B. Radio Energy Zürich - Home (On Air, News, Music...). Leider habe ich nicht wirklich (d.h. keine ) Ahnung von Java, und möchte es eigentlich auch nicht gleich jetzt lernen (bitte keine verweise auf selfhtml etc.). Kennt jemand eine Site wo man ein solches Script (das möglichst anpassbar ist, und vorallem for free ) loaden kann, oder hat jemand so etwas gerade auf lager, oder will es mir jemand gleich erklären?

    vielen dank für die Antworten!

    PS. BW ist selbstverständlich

    €dit: Habe gerade gemerkt, dass Google mein Freund ist ! Habe zwar was gefunden :

    Code:
    <script language="JavaScript"> 
    <!-- Hide the script from old browsers -- 
    function surfto(form) { 
    var myindex=form.select1.selectedIndex 
    if (form.select1.options[myindex].value != 0) { 
    location=form.select1.options[myindex]Value;} 
    } 
    //--> 
    </SCRIPT> 
    <FORM NAME="form1"> 
    <SELECT NAME="select1" onChange="surfto(this.form)" 
    SIZE=1> 
    <OPTION SELECTED VALUE=0> ----- Choose One ----- 
    <OPTION VALUE="http://www.hooverwebdesign.com/templates/">Hoover Web Templates </OPTION>
    <OPTION VALUE="http://www.hooverwebhosting.com/">Hoover Web Hosting </OPTION>
    <OPTION VALUE="http://www.hooverwebdesign.com/guestbook/">Hoover Web Design Guestbook</OPTION>
    <OPTION VALUE="http://www.hooverwebdesign.com/templates/resources.html">Hoover Web Design Webmaster Resources</OPTION>
    <OPTION VALUE="http://www.hooverwebdesign.com/newsletter/">Hoover Web Design Newsletter</OPTION>
    <OPTION VALUE="http://www.hooverwebdesign.com/free-javascripts.html">More free Javascripts!</OPTION> 
    </SELECT> 
    </FORM> 
    

    währe, aber nett wenn mir jemand das erklären könnte.... . thx!
     
  2. 30. April 2007
    AW: Pupdown Navigation

    Meinst du vielleicht Pulldown statt Pupdown ? =)
    Dazu findest du wahrscheinlich einige Erklärungen :]
     
  3. 30. April 2007
    AW: Pupdown Navigation

    Ja meinte ich... .

    Kennst du gerade ein gutes? (Jaja, ich weiss google etc. aber ich will doch die RR Community auch mal in beanspruchung nehemn ausser dem UG )
     
  4. 1. Mai 2007
    AW: Pupdown Navigation

    Wenn nicht sogar Pop - Down gemeint ist .... Also ich finde deine Einstellung nicht tragbar. Du willst nichts lernen, brauchst aber alles und das muss natürlich umsonst sein, aber da ich nicht so bin und du ja sagst dass eine Seite schon reicht ... die OverLib Bibliothek kann genau das, was du oben als Beispiel anführst ....
     
  5. 1. Mai 2007
    AW: Pulldown Navigation

    Ganz normales SELECT - Ding, wenn man auf ne Option klickt wird per JS geguckt ob Value != (ungleich) 0, wenn ja dann wird die URL ausm value=".." aufgerufen.

    oO
     
  6. 1. Mai 2007
    AW: Pulldown Navigation

    muss es denn javascript sein? hier gibst sowas (uvm) auf css basierend: Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style

    ansonsten steng mal die sufu an, so ein script hab ich schonmal gepostet hier

    HTML:
    <html>
    <head>
    <script language="javascript">
    <!--
    function jump_to() {
     var geturl = document.navi.selectbox.options.value;
     if(geturl !="") {
     alert("Wenn ich wollen würde dann würdest du jetzt nach "+geturl+" weitergeleitet...!");
     //var open_window = window.open(geturl); //öffnet neues fenster
     //return window.location = geturl; //gleiches fenster
     }
     else alert("Nix gewählt!");
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    .button {
    border: 1px solid black;
    width: 100px;
    margin-top:3px;
    font-weight: bold;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
    cursor: pointer;
    }
    -->
    </style>
    </head>
    <body>
    <form name="navi">
    <select name="selectbox" size="6" style="width: 100px; font-size: 11px; border: 1px solid black;">
     <option value="http://google.de">Google</option>
     <option value="http://css4you.de">CSS4U</option>
     <option value="http://gnaa.de">Raidarusha</option>
     <option value="http://tor1.de">Tor1</option>
     <option value="http://tor2.de">Tor2</option>
     <option value="ZOOOOOONK">Tor3</option>
    </select><br/>
    <div class="button" onclick="jump_to();">Selecta!!</div>
    </form>
    </body>
    </html>
     
  7. 1. Mai 2007
    AW: Pulldown Navigation

    Ich weiss nicht, ob das die "perfekteste" Lösung ist, aber bei mir funzt es
    Code:
    <form>
     <select onchange="window.location.href=this.options[this.selectedIndex].value">
     <option value="#" selected="selected"><b>>Lustiges</b></option>
     <option value="http://yaai.dl.am/">You Are An :crazy:</option>
     <option value="http://2-Minuten-Spiel.dl.am/">2-Minuten-Spiel</option>
     <option value="http://kyp.dl.am/">Kill Your Parents</option>
     </select></form>
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.