Moin Leute, ich bin momentan dabei ein Dropdown-Menu mit einem Multiselect mit Checkboxenzu programmieren. Die zur Auswahl stehenden "Werte" sollen dabei aus einer Tabelle der SQL-Datenbank bereitgestellt werden. Da es eine flexible Tabelle ist soll auch der Multiselect bei jeder abfrage die aktuelle Tabelle wiedergeben.
Sofern ich es mit einer statischen Ausgabe ausprobiere, sprich der Multiselect und Checkboxen werden im HTML festgelegt, ist dies kein Problem. Es scheitert erst bei der "flexiblen" Ausgabe.
Die Tabellename: Position
Spalte mit Primarykey: Nr
Auszugebene Spalte: Position
Das genau Problem ist momentan, dass der Reiter "Position" welcher den Multiselect im Untermenü anzeigen soll nicht öffnet.
Mein Ansatz war, dass ich den Multiselect mit der Standart-Anfrage an die Datenbank ausführen kann (vgl. 29 ff. ).
Vielleicht könnt ihr mir bei diesem Problem weiterhelfen
Sofern ich es mit einer statischen Ausgabe ausprobiere, sprich der Multiselect und Checkboxen werden im HTML festgelegt, ist dies kein Problem. Es scheitert erst bei der "flexiblen" Ausgabe.
Die Tabellename: Position
Spalte mit Primarykey: Nr
Auszugebene Spalte: Position
Das genau Problem ist momentan, dass der Reiter "Position" welcher den Multiselect im Untermenü anzeigen soll nicht öffnet.
Mein Ansatz war, dass ich den Multiselect mit der Standart-Anfrage an die Datenbank ausführen kann (vgl. 29 ff. ).
HTML-Code:
<html> <head> <title>WerSpieltWo/MitwirkendeHinzufügen</title> <style><!-- CSS --> .multiselect { width: 200px;} .selectbox {position: relative;} .selectBox select {width: 10%; font-weight: bold;} .overselect {position: absolute; left: 0; right: 0; top: 0; bottom: 0;} #checkboxes { display: none; border: 1px #dadada solid;} #checkboxes label {display: block;} #chekcboxes label:hover {background-color: #1e90ff;} </style> </head> <body> <form> <div class=multiselect="multiselect"> <div class="selectBox" onclick="showCheckBoxes()"> <select> <option>Position</option> </select> <div class="overSelect"></div> </div> <div id="checkboxes"> <!-- Anweisung (Query) an Datenbank --> <?php require_once('Konfig.php'); $sql= "Select * from Position order by Position"; $result=mysqli_query($db_link, $sql); while($row=mysqli_fetch_object($result)) { echo "<label for=$row->NR><input type='checkbox' id=$row-Nr/>$row->Position</label>"; } ?> </div> </div> </form> <script> var expanded = false; function showCheckBoxes() { var checkboxes = document.getElementById("checkboxes"); if (!expanded) { checkboxes.style.display = "block"; expanded = true; } else { checkboxes.style.display = "none"; expanded = false; } } </script> </body> </html>
Kommentar