Claudia Becker: zwei Pulldownmenüs auf einer Seite darstellen

ich möchte zwei Pulldownmenüs auf einer Seite dargestellt haben. Im 1. Pulldownmeü soll eine Auswahl vorgenommen werden können. Im zweiten Pulldownmeü soll je nach Auswahl des 1. Pulldownmenüs verschiedene weitere Auswahlpunkte vorhanden sein. Im 2. Pulldownmeü dürfen allerdings immer nur die zu dem 1. Menü benötigten Punkte angezeigt werden.

Unter http://www.internet-partner.de/webmaster/java-script/javascript.html?jsmenu3.htm?surf3.htm habe ich eine Lösung gefunden (2 Pull Down-Menüs Auswahl anklicken)

Allerdings wird dort die Auswahl erst über einen START-Knopf bestätigt. ich benötige allerdings ein Script in dem die Auswahl sofort nach Anwahl des Menüpunktes erzwunden wird.
Weiß jemand wie dies funktioniert?

  1. hallo

    Allerdings wird dort die Auswahl erst über einen START-Knopf bestätigt. ich benötige allerdings ein Script in dem die Auswahl sofort nach Anwahl des Menüpunktes erzwunden wird.
    Weiß jemand wie dies funktioniert?

    Wenn ich dein posting richtig lese, willst du so etwas haben wie die "Quickbar" in SELFHTML. Was hindert dich, die zu nehmen ?

    Christoph S.

    1. Wenn ich dein posting richtig lese, willst du so etwas haben wie die "Quickbar" in SELFHTML. Was hindert dich, die zu nehmen ?

      Christoph S.

      hallo Christoph, genau sowas suche ich. Habe auch schon probiert dies zu übernehmen aber leider bekommé ich mit recher Maustaste - Quelltext anzeigen
      nur Müll. Kann nichts damit anfangen. Dei Puulldown laufen bei mir nicht

      ciao
      Claudia

      1. morgen claudia,

        meinst du sowas?

        <html>
        <head>
        <title></title>
        <meta name="generator" content="Ulli Meybohms HTML EDITOR">
        </head>
        <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
        <script language="JavaScript">
        <!--
        function wohin(form)
        {
        var dahin=form.select1.selectedIndex
        if (form.select1.options[dahin].value != "0")
        {
        location=form.select1.options[dahin].value;
        }}
        -->
        </SCRIPT>
        <FORM NAME="form1">
          <SELECT NAME="select1" onChange="wohin(this.form)" SIZE=1>
            <OPTION SELECTED VALUE="0">  ----- Wählen Sie aus:  -----
            <OPTION VALUE="http://www.teamone.de/selfaktuell/">Selfaktuell    <OPTION VALUE="URL2">Beschreibung
            <OPTION VALUE="URL3">Beschreibung
            <OPTION VALUE="URL4">Beschreibung
          </SELECT>
        </FORM>
        </body>
        </html>

        ciao stefan

        1. entschuldigung, bin aus versehen auf absenden gekommen.
          hier eine variante für 2 abhängige pulldowns.
          <html>
          <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000">
          <SCRIPT LANGUAGE="JavaScript">
          <!--
          var maxLength = 10;
               website = new Array;
               website[0] = "Animierte Gifs";
               website[1] = "Java Scripts";
               website[2] = "Java Applets";
               website[3] = "Dynamic HTML";
               var trueLength = website.length;
               var lst = website.length;
               url = new Array;
               url[0] = "http://";
               url[1] = "http://";
               url[2] = "http://";
               url[3] = "http://";
               url[4] = "http://";
               ccselect = new Array;
               ccselect[0] = "Animierte Gifs";
               ccselect[1] = "Java Scripts";
               ccselect[2] = "Java Applets";
               ccselect[3] = "Dynamic HTML";
               function changePage()
               {
               menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
                       if (menuNum == null){alert("Please select a category from the menu.");return;}
                       else
                       {
                       i = document.ccDoubleList.ccDoubleZ.selectedIndex;
                       window.location.href = url[i];
                       }
               }
               function changeMenu()
               {
               website.length = 0;
               menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
                       if (menuNum == null) return;
                       if (menuNum == 0)
                       {
                       website = new Array;
                       website[0] = new Option("Comics");
                       website[1] = new Option("E-Mails");
                       website[2] = new Option("Sterne");
                       website[3] = new Option("Buchstaben");
                       website[4] = new Option("Kugeln");
                       url = new Array;
                       url[0] = "http://";
                       url[1] = "http://";
                       url[2] = "http://";
                       url[3] = "http://";
                       url[4] = "http://";
                       }
                       if (menuNum == 1)
                       {
                       website = new Array;
                       website[0] = new Option("Grafik");
                       website[1] = new Option("Sonstige");
                       website[2] = new Option("Texte");
                       website[3] = new Option("Fenster");
                       website[4] = new Option("Menüs");
                       url = new Array;
                       url[0] = "http://";
                       url[1] = "http://";
                       url[2] = "http://";
                       url[3] = "http://";
                       url[4] = "http://";
                       }
                      
               tot = website.length;
                       for (i = lst; i > 0; i--)
                       { document.ccDoubleList.ccDoubleZ.options[i] = null; }
                       for (i = 0; i < tot; i++)
                       { document.ccDoubleList.ccDoubleZ.options[i] = website[i]; }
                       document.ccDoubleList.ccDoubleZ.options[0].selected = true;
               lst = website.length;
               }
          // -->
          </SCRIPT>
          <SCRIPT LANGUAGE="JavaScript"><!--
          with (document) {
               writeln('<CENTER>');
               writeln('<TABLE BORDER=0 BGCOLOR=#8000FF CELLPADDING=3 CELLSPACING=0>');
               writeln('<TR><TD COLSPAN=3><FORM NAME="ccDoubleList">');
               writeln('<CENTER><FONT SIZE=4 COLOR=#FFFFFF FACE=ARIAL>');
               writeln('<B>Doppelmenü</B></FONT></CENTER>');
               writeln('</TD></TR><TR><TD ALIGN=LEFT>');
               writeln('<FONT SIZE=3 COLOR=#FFFFFF FACE=ARIAL><B>Menü 1</B></FONT><BR>');
               writeln('<SELECT NAME="ccBitsyG" onChange="changeMenu(this.form)">');
               tot = ccselect.length;
                   for (i = 0; i < tot; i++)
                   writeln("<OPTION>" +ccselect[i]);
               writeln("</SELECT>");
               writeln('</TD><TD>');
               writeln('<FONT SIZE=3 COLOR=#FFFFFF FACE=ARIAL><B>Menü 2</B></FONT><BR>');
               writeln('<SELECT NAME="ccDoubleZ">');
                   for (i = 0; i < maxLength; i++)
                   writeln("<OPTION>" +website[i]);
                   writeln("</SELECT>");
                   for (i = maxLength; i > trueLength; i--)
                   { ccDoubleList.ccDoubleZ.options[i] = null; }
               writeln('</TD><TD VALIGN=BOTTOM><A HREF = "javascript:changePage();">');
               writeln('<IMG BORDER=0 SRC="internal-gopher-menu"></A><FONT SIZE=2 COLOR=#FFFFFF FACE=ARIAL><B>GO!</B></FONT>');
               writeln('</TD></TR>');
               changeMenu();
               writeln('</FORM>');
               writeln('</TABLE><P><BR><P>');
               writeln('</CENTER>');
               }
          // -->
          </SCRIPT>
          </center>
          </BODY>
          </HTML>

          1. Hi stefan,

            in Deinem Script wird die Auswahl erst über einen START-Knopf bestätigt. Ich benötige allerdings ein Script in dem die Auswahl sofort nach Anwahl des Menüpunktes erzwunden wird. Ohne erst auf den Button rechts daneben drücken zu müssen. Solch ein Script wie Du es mir geschickt hast habe ich schon längst gefunden. Aber trotdem Danke für deine bemühung

            1. Hi
              Ich glaube, du hast das Script nicht ganz verstanden:
              Es macht genau das, was du willst!
              Wenn ich in dem linken Auswahlmenue etwas auswaehle, wird das rechte automatisch! veraendert. Der Start Kopf ist nur dafuer da das gesamte Formular mit dem beiden Auswahlmenues abzusenden.
              Tschau Holger

              1. ich habe schon verstanden wie dieses Script funktioniert. Was ich allerdings nach wie vor suche ist das gleiche Scripot ohne den Startknopt. Wenn ich das 2. Menü auswähle soll sofort dem dort angegebenen Link gefolg werden ohne auf den Button drücken zu müssen.

                Gruß
                Claudia