nicht angemeldet
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 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 Ten 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 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 Ten 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 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 zerschneiden</option> </select> <select name="Kabel3" size="1" style="position:absolute; left:342px; top:845px;"> <option value="Yes">Zerschneiden</option> <option value="No">Nicht zerschneiden</option> </select> <select name="Kabel6" size="1" style="position:absolute; left:793px; top:845px;"> <option value="Yes">Zerschneiden</option> <option value="No">Nicht zerschneiden</option> </select> <select name="Kabel5" size="1" style="position:absolute; left:644px; top:845px;"> <option value="Yes">Zerschneiden</option> <option value="No">Nicht zerschneiden</option> </select> <select name="Kabel4" size="1" style="position:absolute; left:492px; top:845px;"> <option value="Yes">Zerschneiden</option> <option value="No">Nicht 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
Matthias Apsel