Rollsky: Überprüfung von mehreren Combobox Eingaben für Prüfungsfragen

Hallihallo

Ich habe nur eine kleine Bitte an Euch und zwar ob mir jemand weiterhelfen kann mit einem kleinen Hinweis.

Ich habe eine Prüfungsfrage, die eine Testperson mittels Auswahl von Combobox geprüft wird.

Bild fehlt.

Sobald er auf die Schaltfläche Prüfen klickt, sollte je nach Eingabe der Combobox entweder Falsch oder Richtig als Popup-Anzeige erscheinen.

Unter SuFu habe ich leider nichts gefunden.

Könnt ihr mir da weiterhelfen?

    1. Hallo Worf

      Vielen Dank für Deine Hilfe

      Wie würde den der Script lauten, wenn mehrere Comboboxen überprüft werden müsste und das PopupMenü mit der entsprechenden Meldung nur erscheint, wenn man auf den Knopf "Prüfen" erscheint. Das habe ich noch nicht ganz verstanden.

      Hallo,

      siehe Beispiele zu http://de.selfhtml.org/javascript/objekte/options.htm#value@title=value-Eigenschaft und http://de.selfhtml.org/javascript/objekte/options.htm#selected_index@title=selectedIndex-Eigenschaft des options-Objekts.

      Gruss,
      Worf

      1. Hallo,

        Wie würde den der Script lauten, wenn mehrere Comboboxen überprüft werden müsste und das PopupMenü mit der entsprechenden Meldung nur erscheint, wenn man auf den Knopf "Prüfen" erscheint. Das habe ich noch nicht ganz verstanden.

        Zeig doch einfach mal, was du schon hast (posten oder besser Link) und sag, an welcher Stelle du nicht weiter kommst.

        Viele Grüße
        Siri

        1. Hallo Siri

          Vielen Dank für dein Interesse

          Ich habe nur fangs die Comboboxen mit immer zwei Antworten zur Auswahl. Zerschneiden (Wert= Yes) oder Nicht zerschneiden (Wert=No). Im Beitrag http://de.selfhtml.org/javascript/objekte/options.htm#value erhalte ich schon bei Anklick innerhalb der Combobox ein Menüpopup. Was ich möchte ist ein entsprechendes Menüpop, sobald die Schaltfläche "Prüfen" geklickt wird.

          Quelltext meiner Seite:

          <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Generator" content="Serif WebPlus X6"> <meta name="viewport" content="width=960"> <style type="text/css"> body{margin:0;padding:0;} .Tabellenkörper-P {     margin:0.0px 0.0px 12.0px 0.0px; text-align:center; font-weight:400; } .Textkörper-P {     margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400; } .Tabellenkörper-C {     font-family:"Verdana", sans-serif; color:#ffffff; font-size:13.0px; line-height:0.31em; } .Textkörper-C {     font-family:"Verdana", sans-serif; font-weight:700; font-size:19.0px; line-height:1.21em; } .Textkörper-C-C0 {     font-family:"Verdana", sans-serif; font-size:13.0px; line-height:1.23em; } .Textkörper-C-C1 {     font-family:"Verdana", sans-serif; font-size:19.0px; line-height:1.21em; } .Normal-C {     font-family:"Verdana", sans-serif; font-size:19.0px; line-height:1.21em; } .Textkörper-C-C2 {     font-family:"Verdana", sans-serif; font-weight:700; font-size:13.0px; line-height:1.23em; } .Button1,.Button1:link,.Button1:visited{background-color:transparent;text-decoration:none;display:block;position:absolute;} .Button1:focus{outline-style:none;} .Button1 span,.Button1:link span,.Button1:visited span{color:#b3b3b3;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:0px;top:11px;width:80px;height:13px;font-size:10px;display:block;position:absolute;cursor:pointer;} .Button1:hover span{color:#ffffff;} .Button1:active span{color:#ffffff;} </style> <link rel="stylesheet" href="wpscripts/wpstyles.css" type="text/css"></head>

          <body text="#000000" style="background:#f2f6ff; height:1000px;"> <div style="background-color:transparent;margin-left:auto;margin-right:auto;position:relative;width:960px;height:1000px;"> <div style="position:absolute;left:32px;top:152px;width:301px;height:41px;background-image:url('wpimages/wp201cc69a_06.png');">     <a href="index.html" id="nav_1_B1" class="Button1" style="display:block;position:absolute;left:20px;top:4px;width:80px;height:33px;"><span>Start</span></a>     <a href="seite2.html" id="nav_1_B2" class="Button1" style="display:block;position:absolute;left:110px;top:4px;width:80px;height:33px;"><span>Über&nbsp;uns</span></a>     <a href="seite3.html" id="nav_1_B3" class="Button1" style="display:block;position:absolute;left:200px;top:4px;width:80px;height:33px;"><span>Top&nbsp;Ten&nbsp;Finds</span></a> </div> <img src="wpimages/wp55ef2828_06.png" border="0" width="885" height="184" alt="" style="position:absolute;left:41px;top:25px;"> <table id="table_2" cellspacing="0" cellpadding="0" style="background-color:#000d40; border-collapse: collapse; position:absolute; left:37px; top:970px; width:887px; height:34px;">     <col style="width:886px;">     <tr style="height:33px;">         <td style="vertical-align:bottom; padding:1px 4px 1px 4px; background-color:#001a80;">             <p class="Tabellenkörper-P"><span class="Tabellenkörper-C">All rights reserved</span></p>         </td>     </tr> </table> <div style="position:absolute;left:632px;top:152px;width:300px;height:41px;background-image:url('wpimages/wpd26dc5e6_06.png');">     <a href="index.html" id="nav_10_B1" class="Button1" style="display:block;position:absolute;left:20px;top:4px;width:80px;height:33px;"><span>Mission</span></a>     <a href="ausbildung.html" id="nav_10_B2" class="Button1" style="display:block;position:absolute;left:110px;top:4px;width:80px;height:33px;"><span>Ausbildung</span></a>     <a href="seite3.html" id="nav_10_B3" class="Button1" style="display:block;position:absolute;left:200px;top:4px;width:80px;height:33px;"><span>Material</span></a> </div> <div style="position:absolute;left:31px;top:152px;width:391px;height:41px;background-image:url('wpimages/wpb69ae3f7_06.png');">     <a href="index.html" id="nav_11_B1" class="Button1" style="display:block;position:absolute;left:20px;top:4px;width:80px;height:33px;"><span>Start</span></a>     <a href="seite2.html" id="nav_11_B2" class="Button1" style="display:block;position:absolute;left:110px;top:4px;width:80px;height:33px;"><span>Über&nbsp;uns</span></a>     <a href="index.html" id="nav_11_B3" class="Button1" style="display:block;position:absolute;left:200px;top:4px;width:80px;height:33px;"><span>Top&nbsp;Ten&nbsp;Finds</span></a>     <a href="seite6.html" id="nav_11_B4" class="Button1" style="display:block;position:absolute;left:290px;top:4px;width:80px;height:33px;"><span>Kontakt</span></a> </div> <div style="position:absolute;left:64px;top:303px;width:845px;height:437px;overflow:hidden;"> <p class="Wp-Textkörper-P"><span class="Textkörper-C">Die Zeitbombe</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">John ist Bombenentschärfer von Beruf. Eines Tages wird er zu einem Einsatz gerufen,     bei dem er eine Zeitbombe entschärfen soll. Als er mit der Entschärfung beginnen     will, stellt er fest, dass er zwar das Modell kennt, aber leider seine Unterlagen     vergessen hat, in denen steht, wie er die Zeitbombe entschärfen kann. Da die Zeit     drängt, kann er nicht ins Büro fahren um die vergessenen Unterlagen zu holen. Er     kann sich aber noch an folgende Einzelheiten erinnern:</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">1. Wenn er Kabel 2 zerschneidet aber nicht gleichzeitig Kabel 6, explodiert die Zeitbombe.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">2. Außerdem explodiert die Zeitbombe, wenn er Kabel 5 zerschneidet ohne gleichzeitig     Kabel 1 zu zerschneiden.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">Zeitbombe</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">3. Die Zeitbombe explodiert auch, wenn er sowohl Kabel 1 als auch Kabel 3 oder Kabel     4 zerschneidet.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">4. Wenn er sowohl Kabel 4 als auch Kabel 6 zerschneidet, explodiert die Zeitbombe.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">5. Wenn er weder Kabel 1 noch Kabel 2 zerschneidet, explodiert die Zeitbombe.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">6. Wenn er Kabel 2 zerschneidet und sofern er Kabel 3 zerschneidet, auch Kabel 4     zerschneidet, explodiert die Zeitbombe ebenfalls.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">7. Zerschneidet er Kabel 1 aber weder Kabel 3 noch Kabel 4, explodiert die Zeitbombe.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">8. Zerschneidet er Kabel 3 und 6 aber nicht Kabel 5, explodiert die Zeitbombe.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0">Finden Sie anhand der Tipps heraus, welche Kabel John durchtrennen muss um die Zeitbombe     zu entschärfen.</span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C0"><br></span></p> </div> <div style="position:absolute;left:64px;top:239px;width:436px;height:36px;overflow:hidden;"> <p class="Wp-Textkörper-P"><span class="Textkörper-C-C1">Theoretischer Prüfungsteil 3. Aufgabe</span></p> <p class="Wp-Normal-P"><span class="Normal-C"><br></span></p> </div> <select name="Kabel1" size="1" style="position:absolute; left:47px; top:845px;">     <option value="Yes">Zerschneiden</option>     <option value="No">Nicht&nbsp;zerschneiden</option> </select> <div style="position:absolute;left:47px;top:808px;width:126px;height:24px;overflow:hidden;"> <p class="Textkörper-P"><span class="Textkörper-C-C2">Kabel 1</span></p> </div> <select name="Kabel2" size="1" style="position:absolute; left:195px; top:845px;">     <option value="Yes">Zerschneiden</option>     <option value="No">Nicht&nbsp;zerschneiden</option> </select> <select name="Kabel3" size="1" style="position:absolute; left:342px; top:845px;">     <option value="Yes">Zerschneiden</option>     <option value="No">Nicht&nbsp;zerschneiden</option> </select> <select name="Kabel6" size="1" style="position:absolute; left:793px; top:845px;">     <option value="Yes">Zerschneiden</option>     <option value="No">Nicht&nbsp;zerschneiden</option> </select> <select name="Kabel5" size="1" style="position:absolute; left:644px; top:845px;">     <option value="Yes">Zerschneiden</option>     <option value="No">Nicht&nbsp;zerschneiden</option> </select> <select name="Kabel4" size="1" style="position:absolute; left:492px; top:845px;">     <option value="Yes">Zerschneiden</option>     <option value="No">Nicht&nbsp;zerschneiden</option> </select> <div style="position:absolute;left:195px;top:808px;width:126px;height:24px;overflow:hidden;"> <p class="Textkörper-P"><span class="Textkörper-C-C2">Kabel 2</span></p> </div> <div style="position:absolute;left:339px;top:808px;width:126px;height:24px;overflow:hidden;"> <p class="Textkörper-P"><span class="Textkörper-C-C2">Kabel 3</span></p> </div> <div style="position:absolute;left:492px;top:808px;width:126px;height:24px;overflow:hidden;"> <p class="Textkörper-P"><span class="Textkörper-C-C2">Kabel 4</span></p> </div> <div style="position:absolute;left:643px;top:808px;width:126px;height:24px;overflow:hidden;"> <p class="Textkörper-P"><span class="Textkörper-C-C2">Kabel 5</span></p> </div> <div style="position:absolute;left:791px;top:808px;width:126px;height:24px;overflow:hidden;"> <p class="Textkörper-P"><span class="Textkörper-C-C2">Kabel 6</span></p> </div> <input type="submit" style="position:absolute; left:457px; top:887px; width:78px; height:22px;" name="check" value="Prüfen"> </div> </body> </html>

          Hallo,

          Wie würde den der Script lauten, wenn mehrere Comboboxen überprüft werden müsste und das PopupMenü mit der entsprechenden Meldung nur erscheint, wenn man auf den Knopf "Prüfen" erscheint. Das habe ich noch nicht ganz verstanden.

          Zeig doch einfach mal, was du schon hast (posten oder besser Link) und sag, an welcher Stelle du nicht weiter kommst.

          Viele Grüße Siri

          1. Hallo,

            Ich habe nur fangs die Comboboxen mit immer zwei Antworten zur Auswahl. Zerschneiden (Wert= Yes) oder Nicht zerschneiden (Wert=No). Im Beitrag http://de.selfhtml.org/javascript/objekte/options.htm#value erhalte ich schon bei Anklick innerhalb der Combobox ein Menüpopup. Was ich möchte ist ein entsprechendes Menüpop, sobald die Schaltfläche "Prüfen" geklickt wird.

            Was du möchtest scheint klar, aber was du getan hast um es zu erreichen und wo es scheitert ist nicht ersichtlich.

            Wenn du Code postest, dann bitte den Teil, der relevant ist! Die Abschnitte
            <p>...
            <div><p>...
            gehören nicht dazu.
            Mal abgesehen von der "grausigen" Konstruktion <div><p> und den Styles in vielen Elementen. Da gehört aufgeräumt!

            Viele Grüße
            Siri

            1. Hallo Siri

              Da geb ich Dir absolut recht, Aufräumen kommt aber zum Schluss, da es nur um eine Testseite handelt. Was ich jedoch nicht weiss, wie ich die Combobox zum Schluss überprüfen kann, ohne das bei jeder Eingabe eines Comboboxes eine Popmenü kommt.

              Bis jetzt habe ich das:

              <!-- Header Code -->

              <!--Header code for Formular form_30 -->
              <!--Header code for Formularschaltfläche butn_5 -->
              <!--Header code for Kombinationsfeld combo_1 -->
              <!--Header code for HTML-Rahmen - Kabel 1 txt_11 -->
              <!--Header code for Kombinationsfeld combo_2 -->
              <!--Header code for Kombinationsfeld combo_3 -->
              <!--Header code for Kombinationsfeld combo_5 -->
              <!--Header code for Kombinationsfeld combo_6 -->
              <!--Header code for HTML-Rahmen - Kabel 2 txt_12 -->
              <!--Header code for HTML-Rahmen - Kabel 3 txt_13 -->
              <!--Header code for HTML-Rahmen - Kabel 4 txt_14 -->
              <!--Header code for HTML-Rahmen - Kabel 5 txt_15 -->
              <!--Header code for Kombinationsfeld combo_4 -->
              <!--Header code for HTML-Rahmen - Kabel 6 txt_16 -->

              <!-- Body Code -->

              <!-- Formular form_30 -->

              <!--Preamble-->
              <form id="form_30" name="Prüfung" action="" method="post" target="_self" enctype="multipart/form-data" style="margin:0;position:absolute;left:23px;top:761px;width:899px;height:188px; /*MainDivStyle*/" __AddCode="here">
              <!--MainDivStart-->

              <!-- Formularschaltfläche butn_5 -->

              <!--Preamble-->
              <input type="submit" style="position:absolute; left:371px; top:144px; width:78px; height:22px; /*Tag Style*/" name="check" value="Prüfen" __AddCode="here">
              <!--Postamble-->

              <!-- Kombinationsfeld combo_1 -->

              <!--Preamble-->
              <select name="Kabel1" size="1" style="position:absolute; left:0px; top:101px; /*Tag Style*/" __AddCode="here">
                  <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                  <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
              </select>
              <!--Postamble-->

              <!-- HTML-Rahmen - Kabel 1 txt_11 -->

              <!--Preamble-->
              <div style="position:absolute;left:5px;top:64px;width:126px;height:24px;overflow:hidden; /*BorderDivStyle*/" __AddCode="InsideBorderDiv">
              <!--BorderDivContents-->
              <p class="Textkörper-P"><span class="Textkörper-C">Kabel 1</span></p>
              </div>
              <!--Postamble-->

              <!-- Kombinationsfeld combo_2 -->

              <!--Preamble-->
              <select name="Kabel2" size="1" style="position:absolute; left:154px; top:101px; /*Tag Style*/" __AddCode="here">
                  <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                  <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
              </select>
              <!--Postamble-->

              <!-- Kombinationsfeld combo_3 -->

              <!--Preamble-->
              <select name="Kabel3" size="1" style="position:absolute; left:301px; top:101px; /*Tag Style*/" __AddCode="here">
                  <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                  <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
              </select>
              <!--Postamble-->

              <!-- Kombinationsfeld combo_5 -->

              <!--Preamble-->
              <select name="Kabel5" size="1" style="position:absolute; left:603px; top:101px; /*Tag Style*/" __AddCode="here">
                  <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                  <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
              </select>
              <!--Postamble-->

              <!-- Kombinationsfeld combo_6 -->

              <!--Preamble-->
              <select name="Kabel4" size="1" style="position:absolute; left:450px; top:101px; /*Tag Style*/" __AddCode="here">
                  <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                  <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
              </select>
              <!--Postamble-->

              <!-- HTML-Rahmen - Kabel 2 txt_12 -->

              <!--Preamble-->
              <div style="position:absolute;left:154px;top:64px;width:126px;height:24px;overflow:hidden; /*BorderDivStyle*/" __AddCode="InsideBorderDiv">
              <!--BorderDivContents-->
              <p class="Textkörper-P"><span class="Textkörper-C">Kabel 2</span></p>
              </div>
              <!--Postamble-->

              <!-- HTML-Rahmen - Kabel 3 txt_13 -->

              <!--Preamble-->
              <div style="position:absolute;left:297px;top:64px;width:126px;height:24px;overflow:hidden; /*BorderDivStyle*/" __AddCode="InsideBorderDiv">
              <!--BorderDivContents-->
              <p class="Textkörper-P"><span class="Textkörper-C">Kabel 3</span></p>
              </div>
              <!--Postamble-->

              <!-- HTML-Rahmen - Kabel 4 txt_14 -->

              <!--Preamble-->
              <div style="position:absolute;left:450px;top:64px;width:126px;height:24px;overflow:hidden; /*BorderDivStyle*/" __AddCode="InsideBorderDiv">
              <!--BorderDivContents-->
              <p class="Textkörper-P"><span class="Textkörper-C">Kabel 4</span></p>
              </div>
              <!--Postamble-->

              <!-- HTML-Rahmen - Kabel 5 txt_15 -->

              <!--Preamble-->
              <div style="position:absolute;left:601px;top:64px;width:126px;height:24px;overflow:hidden; /*BorderDivStyle*/" __AddCode="InsideBorderDiv">
              <!--BorderDivContents-->
              <p class="Textkörper-P"><span class="Textkörper-C">Kabel 5</span></p>
              </div>
              <!--Postamble-->

              <!-- Kombinationsfeld combo_4 -->

              <!--Preamble-->
              <select name="Kabel6" size="1" style="position:absolute; left:753px; top:101px; /*Tag Style*/" __AddCode="here">
                  <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                  <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
              </select>
              <!--Postamble-->

              <!-- HTML-Rahmen - Kabel 6 txt_16 -->

              <!--Preamble-->
              <div style="position:absolute;left:751px;top:64px;width:126px;height:24px;overflow:hidden; /*BorderDivStyle*/" __AddCode="InsideBorderDiv">
              <!--BorderDivContents-->
              <p class="Textkörper-P"><span class="Textkörper-C">Kabel 6</span></p>
              </div>
              <!--Postamble-->
              </form>
              <!--Postamble-->

              Hallo,

              Ich habe nur fangs die Comboboxen mit immer zwei Antworten zur Auswahl. Zerschneiden (Wert= Yes) oder Nicht zerschneiden (Wert=No). Im Beitrag http://de.selfhtml.org/javascript/objekte/options.htm#value erhalte ich schon bei Anklick innerhalb der Combobox ein Menüpopup. Was ich möchte ist ein entsprechendes Menüpop, sobald die Schaltfläche "Prüfen" geklickt wird.

              Was du möchtest scheint klar, aber was du getan hast um es zu erreichen und wo es scheitert ist nicht ersichtlich.

              Wenn du Code postest, dann bitte den Teil, der relevant ist! Die Abschnitte
              <p>...
              <div><p>...
              gehören nicht dazu.
              Mal abgesehen von der "grausigen" Konstruktion <div><p> und den Styles in vielen Elementen. Da gehört aufgeräumt!

              Viele Grüße
              Siri

              1. Om nah hoo pez nyeetz, Rollsky!

                Es ist weder notwendig noch erwünscht, das Originalposting an deinen Beitrag anzuhängen.

                Da geb ich Dir absolut recht, Aufräumen kommt aber zum Schluss, da es nur um eine Testseite handelt.

                Bitte entschuldige die harte Formulierung: Gerade bei Testseiten sollte man überflüssigen Müll entsorgen. Und vieles von dem was du entsorgst, sollte auch für die entgültige Seite entsorgt bleiben.

                <!-- Header Code -->
                <!--Header code for Formular form_30 -->

                ...

                <!--Header code for HTML-Rahmen - Kabel 6 txt_16 -->

                Was auch immer das bedeuten mag, es ist unwichtig und wahrscheinlich unsinnig (möglicherweise handelt es sich um CSS-Angaben). Du hast ein Javascript-Problem.

                <input type="submit" name="check" value="Prüfen" __AddCode="here">

                <select name="Kabel1" __AddCode="here">
                    <option value="Yes" selected __AddCode="here">Zerschneiden</option>
                    <option value="No" __AddCode="here">Nicht&nbsp;zerschneiden</option>
                </select>

                noch 5 mal

                Das wäre relevant.

                Und dann deine Aufgabenstellung:

                Bei Klicken auf "Prüfen" soll geprüft werden, ob die Comboboxen die bzw. eine richtige Kombination von yes bzw. no aufweisen.

                Davon steht in deinem Code _überhaupt nichts_ außer __AddCode="here" und das wird wohl keiner so einfach für dich tun.

                Matthias

                --
                Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Grill und Grille.

                1. Herzlichen Dank liebe Leute für eure nette Geste und Hinweise. Matthias hat es erfasst, Java Script bringt mich hier nicht weiter, deshalb bin ich auf PHP umgestiegen. Bei diesen Lernfragen dürfen die Antworten nicht im Quelltext der Seite herausgelesen werden.

                  Dieser Thread kann von mir aus geschlossen werden.

                  Vielen Dank an Alle für eure Hilfe!

              2. Hallo,

                (..) Aufräumen kommt aber zum Schluss, da es nur um eine Testseite handelt.

                das Argument ist etwas widersprüchlich: Wenn es sich nur um einen Test handelt, wieso ist das Layout dann - augenscheinlich - bereits ausgearbeitet?
                Es trägt ausserordentlich zur Übersicht bei, die Layoutangaben an gesonderter Stelle (z.B. im head-Bereich, besser in einer separaten Datei) zu definieren, und das HTML-Dokument somit frei von style-Angaben zu haben.

                Was ich jedoch nicht weiss, wie ich die Combobox zum Schluss überprüfen kann, ohne das bei jeder Eingabe eines Comboboxes eine Popmenü kommt.

                Die verlinkten Beispiele waren lediglich zur Orientierung gedacht - im Sinne von SelfHTML (siehe Charta) solltest Du diese nicht einfach übernehmen, sondern versuchen, die für Deinen Fall relevanten Funktionalitäten zu erkennen und zu kombinieren.

                Bis jetzt habe ich das:

                Leider zeigst Du uns nicht die relevanten JavaScript-Code-Abschnitte..

                Ablauf:
                Beim Anklicken des http://de.selfhtml.org/html/formulare/klickbuttons.htm@title=Buttons wird z.B. eine http://de.selfhtml.org/javascript/sprache/funktionen.htm@title=Funktion aufgerufen, welche die jeweils <http://de.selfhtml.org/javascript/objekte/options.htm#selected_index@title=selektierten Einträge der Auswahllisten> ermittelt und aufgrund einer zu hinterlegenden Logik die Rückmeldung (z.B. in Form eines http://de.selfhtml.org/javascript/objekte/window.htm#alert@title=alert) gibt, ob die gewählten Antworten korrekt waren.

                Falls Du bei der Umsetzung Probleme hast, dann zeige uns Deinen _konkreten_ JavaScript-Code, damit die Hilfe zielführend ist.

                Gruss,
                Worf

                1. Om nah hoo pez nyeetz, Worf!

                  Ablauf:
                  Beim Anklicken des http://de.selfhtml.org/html/formulare/klickbuttons.htm@title=Buttons wird z.B. eine http://de.selfhtml.org/javascript/sprache/funktionen.htm@title=Funktion aufgerufen, welche die jeweils <http://de.selfhtml.org/javascript/objekte/options.htm#selected_index@title=selektierten Einträge der Auswahllisten> ermittelt und aufgrund einer zu hinterlegenden Logik die Rückmeldung (z.B. in Form eines http://de.selfhtml.org/javascript/objekte/window.htm#alert@title=alert) gibt, ob die gewählten Antworten korrekt waren.

                  Ergänzung:
                  1. Dazu muss der Programmierer die Lösung kennen.
                  2. Die Lösung kann jeder aus dem JavaScript-Code entnehmen.

                  Matthias

                  --
                  Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Los und Losung.