Auswahlmenü in ajax

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Ich habe gerade keine Zeit für eine ausführliche Antwort, aber ich kann dir schon sagen, dass du dazu kein AJAX benötigt,
    Normales JavaScript reicht und mehr als 3-4 Zeilen sind es auch nicht.

    Die einzige Literatur die du benötigst ist diese: de.selfhtml.org/javascript/objekte/options.htm

    Kleiner Anfang

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="de">
    3. <head>
    4. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    5. <title>Neues Beispiel</title>
    6. <script type="text/javascript" src="script.js"></script>
    7. <style type="text/css">
    8. <!--
    9. /* demostyle - not necessary to make it work*/
    10. body{font-size:11pt;font-family:Verdana,Arial,Sans}
    11. select {width:200px}
    12. //-->
    13. </style>
    14. </head>
    15. <body onload="sendRequest(null, 'elem1')">
    16. <form method="post" action="" id="ajaxSelect">
    17. <table>
    18. <tr>
    19. <td>Liste Links</td>
    20. <td rowspan="2">
    21. <input type="submit" name="link_rechts" value="&raquo;" onclick="return moveOption(this.form.links, this.form.rechts)"/><br/>
    22. <input type="submit" name="link_rechts" value="&laquo;" onclick="return moveOption(this.form.rechts, this.form.links)"/><br/>
    23. </td>
    24. <td>Liste Rechts</td>
    25. </tr>
    26. <tr>
    27. <td>
    28. <select name="links" size="10">
    29. <option value="1">item 1</option>
    30. <option value="2">item 2</option>
    31. <option value="3">item 3</option>
    32. <option value="4">item 4</option>
    33. </select>
    34. </td>
    35. <td>
    36. <select name="rechts" size="10">
    37. <option value="1">item 1</option>
    38. <option value="2">item 2</option>
    39. <option value="3">item 3</option>
    40. <option value="4">item 4</option>
    41. </select>
    42. </td>
    43. </tr>
    44. </table>
    45. <div>
    46. <input type="submit" />
    47. </div>
    48. </form>
    49. </body></html>
    Alles anzeigen

    Quellcode

    1. function moveOption(sourceSelect, targetSelect) {
    2. sourceSelect.options[sourceSelect.length] = new Option('text', 'id');
    3. targetSelect.options[targetSelect.length] = new Option('text', 'id');
    4. return false; // return false to avoid reload/recentering of the page
    5. }



    Plan B
    UPDATE: Dir geht es nur um die Buttons um Elemente von der einen in die andere Liste zu verschieben, oder?
    Nicht zu vergleichen mit Select Abhängigkeiten? [wiki]Select-Auswahl mit AJAX Abhängigkeit[/wiki]
  • danke. hier noch der code wo ich schon geschrieben habe:

    Quellcode

    1. <div style="width:400px;margin:0px auto;">
    2. <div id="GroupTitel"><?echo $zeile['Bezeichnung']?></div>
    3. <div id="left" ><p>Gruppen Mitglieder</p>
    4. <form action="edit.php" method="GET">
    5. <select name="DEL[]" size="10" multiple>
    6. <? while($pzeile = odbc_fetch_array($p_query)){ ?>
    7. <option value='<?=$pzeile['idPerson']?>'><?=($pzeile['name']) ?></option>
    8. <? } ?>
    9. </select></div>
    10. <input type="hidden" name="groupid" id="groupid" value="<?echo $gruppenID?>" />
    11. <div id="center"><input type="submit" class="Button" value=">>>"></div>
    12. </form>
    13. <div id="right"><p>Alle Personen</p>
    14. <form action="edit.php">
    15. <select name="ADD[]" size="10" multiple>
    16. <? while($azeile = odbc_fetch_array($a_query)){ ?>
    17. <option value='<?=$azeile['idPerson']?>'><?=($azeile['Name']) ?></option>
    18. <? } ?>
    19. </select></div>
    20. <input type="hidden" name="groupid" id="groupid" value="<?echo $gruppenID?>" />
    21. <div id="center"><input type="submit" class="Button" value="<<<"></div>
    22. </form>
    23. </div>
    24. <?
    25. }
    26. // *********** Mitglieder Hinzufügen *********** //
    27. $AddID = $_GET['ADD'];
    28. $groupID = $_GET['groupid'];
    29. $i=0;
    30. if($AddID != ""){
    31. $zahl = count($AddID);
    32. while($i <= $zahl){
    33. if($AddID[$i] != NULL){
    34. $add_query = "INSERT INTO person_gruppe (idperson, idgruppe) VALUES ('".$AddID[$i]."','".$groupID."')";
    35. $entfernen = odbc_do($DBLink, $add_query);
    36. }
    37. $i++;
    38. }
    39. echo "Hinzugefügt";
    40. echo $groupID;
    41. ?>
    42. <meta http-equiv="refresh" content="0; URL=edit.php?idgruppe=<?echo $groupID ?>">
    43. <?
    44. }
    45. // *********** Mitglieder Entfernen *********** //
    46. $entfID = $_GET['DEL'];
    47. $groupID = $_GET['groupid'];
    48. $i=0;
    49. if($entfID != ""){
    50. // if($name['Benutzername'] != $benutzer){
    51. // //echo "error delete";
    52. // var_dump($entfID);
    53. // ?>
    54. <? //}
    55. $zahl = count($entfID);
    56. while($i <= $zahl){
    57. $namesql = "select Benutzername from person where idperson='".$entfID[$i]."'";
    58. $name_sql = odbc_do($DBLink,$namesql);
    59. $name = odbc_fetch_array($name_sql);
    60. if($name['Benutzername'] == $benutzer){
    61. ?>
    62. <script type="text/javascript">
    63. alert("Error");
    64. </script>
    65. <?
    66. break;
    67. }
    68. else{
    69. $entfernen_query = "delete from person_gruppe where idPerson='".$entfID[$i]."' and idGruppe='".$groupID."'";
    70. $entfernen = odbc_do($DBLink, $entfernen_query);
    71. $i++;
    72. }
    73. }
    74. echo "Entfernt";
    75. ?>
    76. <meta http-equiv="refresh" content="0; URL=edit.php?idgruppe=<?echo $groupID ?>">
    77. <?
    78. }
    Alles anzeigen
  • Das wäre dann vermutlich eine andere Fragestellung.
    Da man jetzt schon schlecht nachvollziehen kann, was nun das eigentlich Problem war, würde ich dich bitte für das "Gruppen zuordnen per AJAX" ein neues Thema aufzumachen,


    Ich denke die Leute die Elemente ohne AJAX und PHP von Liste A nach Liste B verschieben möchten, ist mit dem Wiki Eintrag geholfen: [wiki]JavaScript: Auswahloptionen zwischen Listen verschieben[/wiki]