Ajax Auswahlmenü von get-the-code mit weiteren Listboxen??

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

  • Ajax Auswahlmenü von get-the-code mit weiteren Listboxen??

    Hallo Forum,

    ich hoffe jemand kann mir helfen:

    Auf get-the-code gibt es Ajax-Beispiele, u.a. auch dieses Auswahlmenü:

    get-the-code.de/code/javascript/ajax/ajax-example.htm

    Den Code findet man hier:

    get-the-code.de/code/javascript/ajax/ajax-example-code.htm

    Kann man das Auswahlmenü auch so erweitern, dass
    sich immer weitere Menüs öffnen, z.B. anstatt 2 Stück 4 Auswahlmenüs?

    Also, wenn man im 1. eine Auswahl trifft, öffnet sich das 2. (wie jetzt), wenn man im 2. eine Auswahl trifft, öffnet sich das 3. ... und so weiter.

    Wie macht man das? Welche Schritte wären dazu notwendig?

    Vielen Dank vorab für jede Hilfe und schönen Gruss,
    xound

  • UPDATE: Ein aktuelleres Codebeispiel findet ihr in unserem Wiki:
    • [wiki]Select-Auswahl mit AJAX Abhängigkeit[/wiki]
    • [wiki]Select-Auswahl mit AJAX Abhängigkeit und verschiedenen Tabellen[/wiki]

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    finde das beispiel nicht so "schlüssig"
    wo werden denn die daten hergeholt? das ist doch nur ein typische beispielanwendung ohne realitätbezug...
    hab dir mal noch ein anderes beispiel erstellt

    formular.html

    Quellcode

    1. <html><head>
    3. <script type="text/Javascript">
    4. function createXMLHttpRequest() {
    6. var ua;
    8. if(window.XMLHttpRequest) {
    9. try {
    10. ua = new XMLHttpRequest();
    11. } catch(e) {
    12. ua = false;
    13. }
    14. } else if(window.ActiveXObject) {
    15. try {
    16. ua = new ActiveXObject("Microsoft.XMLHTTP");
    17. } catch(e) {
    18. ua = false;
    19. }
    20. }
    21. return ua;
    22. }
    24. var req = createXMLHttpRequest();
    26. function sendRequest(digit) {
    27. // **
    28. // Hier die wichtigen Änderungen. Quelle und Ziel übermitteln
    29. // **
    30. minus = digit-1;
    31. inhalt = document.getElementById('source' + minus );
    32. req.open('get', 'func.php?dest='+ digit + '&s=' + inhalt.value);
    33. req.onreadystatechange = handleResponse;
    34. req.send(null);
    35. }
    37. function handleResponse() {
    39. if(req.readyState == 4){
    40. var response = req.responseText;
    41. var update = new Array();
    43. if(response.indexOf('||' != -1)) {
    44. update = response.split('||');
    45. document.getElementById(update[0]).innerHTML = update[1];
    46. }
    47. }
    48. else
    49. alert("loading" + ajax.readyState);
    50. }</script>
    53. </head>
    54. <body>
    56. <form method="post" action="">
    57. <div style="float:left" id="select1">
    58. <select name="source1" id="source1" onChange="sendRequest(2)">
    59. <option value=""></option>
    60. <option value="test1">test1</option>
    61. <option value="test2">test2</option>
    62. <option value="test3">test3</option>
    63. <option value="test4">test4</option>
    64. </select>
    65. </div>
    67. <div style="float:left" id="select2" name="select2">
    68. </div>
    70. <div style="float:left" id="select3">
    71. </div>
    73. <div style="float:left" id="select4">
    74. </div>
    75. </form>
    77. </body></html>
    Alles anzeigen


    func.php

    Quellcode

    1. <?
    2. $next = $_GET['dest']+1;
    3. echo 'select'.$_GET['dest'].'|| ';
    5. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" onChange="sendRequest('.$next.')">';
    6. //Hier sollte eine MySQL FUnktion sein, zum Test reichts aber $_GET['s'] enthält den wert
    7. echo '<option value=""></option>';
    8. echo '<option value="asdasd">asdasd</option>';
    9. echo '<option value="asdasd">asdasd</option>';
    10. echo '<option value="asdasd">asdasd</option>';
    11. echo '</select>';
    12. ?>
    Alles anzeigen

  • Dankeschön für das etwas einfachere Beispiel.

    Ich habe mich schon ein wenig damit beschäftigt; der Ablauf wird ansich immer klarer.

    Doch wie stell ich jetzt den Bezug der einzelnen Menüeinträge her, also bezogen auf Dein Beispiel:

    Das Test 1 aus dem ersten Menü auf ein 2. Menü mit den Einträgen "1", "2", "3", "4" und Test 2 aus dem ersten Menü auf ein 2. Menü mit den Einträgen "5", "6", "7", "8" verweist, wobei die jeweiligen Menüeinträge der 2. Menüs wiederum auf weitere unabhängige Einträge in den nachfolgenden Menüs verweisen?

    Das ist mir noch nicht so ganz klar ...

  • also arbeitest du mit php und mySQL?

    dann ginge das in etwa so....

    Quellcode

    1. <?
    2. $next = $_GET['dest']+1;
    3. echo 'select'.$_GET['dest'].'|| ';
    5. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" onChange="sendRequest('.$next.')">';
    6. echo '<option value=""></option>';
    8. //if(!is_int($_GET['s']))
    9. // die('hacking_attempt');
    11. $res = mysql_query("SELECT id,title FROM `tabelle` WHERE `id` = '$_GET[s]'; ");
    12. while($row = mysql_fetch_object($res)) {
    13. echo '<option value="'.$row->id.'">'.$row->title.'</option>';
    14. }
    15. echo '</select>';
    16. ?>
    Alles anzeigen


    weiß nicht wie erfahren du mit php bist..

  • Hi,

    ich arbeite nicht mit MySQL, nur mit PHP; insofern macht es Sinn die einzelnen Menüs hart zu implementieren.

    Meine Erfahrungen mit PHP sind sehr rudimentär; ich kann es in jedem Fall lesen und Beispiele nachvollziehen, bin allerdings gerade erst dabei eine eigene Anwendung zu schreiben, insofern mangelt es an Umsetzungspraxis.

    Vielleicht zeigst Du mir, wo der Ansatz liegt die Menüs hart zu implementieren, denn im Prinzip solle es so aussehen, dass im ersten Menü 4 Einträge vorhanden sind, und je nach Auswahl auf ein nächstes Menü weitergeleitet werden soll, in dem der zuvor ausgewählte Eintrag nicht mehr vorhanden ist und so weiter, bis nur noch ein Eintrag übrigbleibt.

    Ich weiss nicht genau, was cleverer ist, aber ich dachte daran, dass man das am einfachsten machen kann, wenn man die einzelnen Menüs hart schreibt.

    Vielleicht belehrst Du mich aber eines Besseren?

    In jedem Fall aber Besten Dank für Deine Infos!!

  • Ohne eine Datenbank wird das aber sehr, sehr kompliziert..

    aber nochmal zum verständnis:
    Jede Auswahl ruft ein komplett neues Menü hervor?
    das heißt bei ~4 Auswahlmöglichkeiten auf 4 Boxen sind das 256 Auswahlmöglichkeiten... ist das wirklich so gewollt???

    hab mal angefangen die navigation in ein array zu packen..
    das würde ja dann folgendermaßen aussehen:

    Quellcode

    1. $navigation = array(
    2. 0 => array('Haupt1' => array(
    3. "H1_Unter1" => array(
    4. "H1U1_Unter1" => array(
    5. 'H1U1U1_Auswahl1',
    6. 'H1U1U1_Auswahl2',
    7. 'H1U1U1_Auswahl3',
    8. 'H1U1U1_Auswahl4')
    9. ,
    10. "H1U1_Unter2" => array(
    11. 'H1U1U2_Auswahl1',
    12. 'H1U1U2_Auswahl2',
    13. 'H1U1U2_Auswahl3',
    14. 'H1U1U2_Auswahl4')
    15. ,
    16. "H1U1_Unter3" => array(
    17. 'H1U1U3_Auswahl1',
    18. 'H1U1U3_Auswahl2',
    19. 'H1U1U3_Auswahl3',
    20. 'H1U1U3_Auswahl4')
    21. ,
    22. "H1U1_Unter4" => array(
    23. 'H1U1U4_Auswahl1',
    24. 'H1U1U4_Auswahl2',
    25. 'H1U1U4_Auswahl3',
    26. 'H1U1U4_Auswahl4')
    27. ,
    28. "H1_Unter2" => array(
    29. "H1U2_Unter1" => array(
    30. 'H1U2U1_Auswahl1',
    31. 'H1U2U1_Auswahl2',
    32. 'H1U2U1_Auswahl3',
    33. 'H1U2U1_Auswahl4')
    34. ,
    35. "H1U2_Unter2" => array(
    36. 'H1U2U2_Auswahl1',
    37. 'H1U2U2_Auswahl2',
    38. 'H1U2U2_Auswahl3',
    39. 'H1U2U2_Auswahl4')
    40. ,
    41. "H1U2_Unter3" => array(
    42. 'H1U2U3_Auswahl1',
    43. 'H1U2U3_Auswahl2',
    44. 'H1U2U3_Auswahl3',
    45. 'H1U2U3_Auswahl4')
    46. ,
    47. "H1U2_Unter4" => array(
    48. 'H1U2U4_Auswahl1',
    49. 'H1U2U4_Auswahl2',
    50. 'H1U2U4_Auswahl3',
    51. 'H1U2U4_Auswahl4')
    52. ,
    53. "H1_Unter3" => array(....)
    54. ,
    55. "H1_Unter4" => array(....)
    56. ),
    57. 1 => array('Haupt2' => array(........)),
    58. 2 => array('Haupt3' => array(........)),
    59. 3 => array('Haupt3' => array(........)),
    60. );
    Alles anzeigen

  • Ich habe mir gerade nochmal Gedanken über das Anforderungen gemacht; es sind doch erstmal nur 3 Menüs, also 7 verschiedene Möglichkeiten, die sich wie folgt staffeln:




    1. Menü

    1. Eintrag: Verantwortlich
    2. Eintrag: Zeitraum
    3. Eintrag: Typ

    Bei Klick auf Verantwortlich = 2. Menü

    1. Eintrag: Zeitraum
    2. Eintrag: Typ

    Bei Klick auf Zeitraum = 3. Menü

    1. Eintrag: Typ

    Fertig

    ---------------------------------------------

    Wieder aus Sicht des

    1. Menü

    1. Eintrag: Verantwortlich
    2. Eintrag: Zeitraum
    3. Eintrag: Typ

    Bei Klick auf Zeitraum = 2. Menü

    1. Eintrag: Verantwortlich
    2. Eintrag: Typ

    Bei Klick auf Typ = 3. Menü

    1. Eintrag: Verantwortlich

    Fertig

    -----------------------------------------------


    Wieder aus Sicht des

    1. Menü

    1. Eintrag: Verantwortlich
    2. Eintrag: Zeitraum
    3. Eintrag: Typ

    Bei Klick auf Typ = 2. Menü

    1. Eintrag: Verantwortlich
    2. Eintrag: Zeitraum

    Bei Klick auf Verantwortlich = 3. Menü

    1. Eintrag: Zeitraum

    Fertig


    Das ist doch vom Umfang her nicht so viel bezogen auf eine harte Implementierung?

    So, wie ich es sehe, sind es nur 7 Möglichkeiten, da das erste Menü ja stets gleich bleibt.

    Wie bindet man das denn in Dein Ajax-Auswahlmenü-Beispiel ein?

  • ich weiß zwar nicht wo das hinführen soll...
    aber hier die lösung

    //EDIT: im anhang die komplettlösung

    func.php

    Quellcode

    1. <?
    2. switch($_GET['dest'])
    3. {
    4. case '2':
    5. switch($_GET['s'])
    6. {
    7. case 'Verantwortlich':
    8. $menu = array('Zeitraum','Typ');
    9. break;
    10. case 'Zeitraum':
    11. $menu = array('Verantwortlich','Typ');
    12. break;
    13. case 'Typ':
    14. $menu = array('Verantwortlich','Zeitraum');
    15. break;
    16. }
    17. break;
    19. case '3':
    20. switch($_GET['s'])
    21. {
    22. case 'Verantwortlich':
    23. $menu = array('Zeitraum');
    24. break;
    25. case 'Zeitraum':
    26. $menu = array('Typ');
    27. break;
    28. case 'Typ':
    29. $menu = array('Verantwortlich');
    30. break;
    31. }
    32. break;
    33. }
    36. $next = $_GET['dest']+1;
    37. echo 'select'.$_GET['dest'].'|| ';
    39. if($_GET['dest'] > 3)
    40. die('<input type="submit" value="Auswahl senden" >');
    42. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" onChange="sendRequest('.$next.')">';
    43. echo '<option value=""></option>';
    44. foreach($menu as $row)
    45. echo '<option value="'.$row.'">'.$row.'</option>';
    46. echo '</select>';
    47. ?>
    Alles anzeigen
    Dateien

  • Ich möchte daraus eine Suchanfrage generieren, die dann entsprechend weitergegeben werden soll. Im Prinzip liegt auch eine DB dahinter, allerdings kein MySQL, sondern MS-SQL; allerdings darf die DB nicht verändert werden. Ich greife darauf via Jet mit einem PHP-Wrapper zu und wollte mir ein schönes Menü bauen für die Suchanfrage.

    Super, es funktioniert erstmal so!!!!

    Ich werde das jetzt mal konsequent weiter aufbauen. Zwischen jedes bisherige Auswahlmenü kommt in weiteres Menü mit den Auswahlmöglichkeiten UND/ODER. Zu jedem Menü öffnet sich dann noch eine weitere Auswahlmöglichkeit. Z.b. bei "Verantwortlich" eine Namensliste (aus der DB), aus der man einen Namen auswählen kann oder bei Zeitraum eine Auswahlmöglichkeit für Start- und Enddatum. Bei Typ wieder eine Auswahlliste, die direkt aus der DB gefüllt wird.

    Tausend Dank erstmal!!!

  • Ich habe mich jetzt mal damit beschäftigt, doch beisse mir ein bisschen die Zähne daran aus.

    Eig. dachte ich, dass ich den Code um If-Bedingungen erweitern kann, mit denen ich z.B. bei Aufruf von "Verantwortlich" direkt unter dem jeweiligen Menü ein weiteres aufmachen könnte, in dem die Namenswahl stattfinden kann. Das Problem ist, dass ich nicht so ganz verstehe, wie ich das 1. Menü Abfragen kann, um eine entsprechende Bedingung zu setzen.

    Auch mit den UND/ODER/FERTIG Verknüpfungen habe ich so meine Probleme. Es soll eig. so aussehen, dass das aus dem ersten Auswahlmenü z.B. Verantwortlich ausgewählt wird und sich neben dem Menü mit der Namenswahl noch ein weiteres Menü mit UND/ODER/FERTIG-Wahl öffnet.

    Bei der Wahl FERTIG öffnet sich kein weiteres Menü. Wenn man aber dort die Wahl UND/ODER trifft folgt erst das nächste Menü mit "Zeitraum/Typ". Wenn man dort eine Wahl trifft, z.B. Typ öffnet sich darunter ein Menü mit der Typenwahl darunter und ein weiteres UND/ODER/FERTIG-Menü rechts daneben. Wählt man FERTIG endet der Aufbau hier. Wenn man dort z.B. die Wahl UND trifft, öffnet sich das letzte Menü mit Zeitraum mit jeweils einem Menü zur Wahl des Startdatums und des Enddatums.

    Ich habe das ganze mal veranschaulicht. Die Drop-Down-Menüs sollen jeweils dynamisch zu der Auswahl von "Verantwortlich", "Zeitraum" und "Typ" passen.

    Anbei mal ein Bild, auf dem ersichtlich wird, wie es gemeint ist.

    Wäre super, wenn Du mir noch ein paar Tipps zum Aufbau geben könntest.
    Bilder

    • suchmenue.gif

      5,39 kB, 654×172, 3.086 mal angesehen

    • suchmenue2.gif

      5,48 kB, 654×172, 2.981 mal angesehen

  • sieht nicht ganz so schön aus..
    aber hier die func.php mit UND/ODER Boxen:

    Quellcode

    1. <?
    2. $andOr = '<select name="'.$_GET['dest'].'">
    3. <option value="and">UND</option>
    4. <option value="or">ODER</option>
    5. <option value="ready">FERTIG</option>
    6. </select>';
    7. $timeselect = '<div style="float:left"><select name="d">
    8. <option value="1">1</option>
    9. <option value="2">2</option>
    10. <option value="3">3</option>
    11. <option value="...">...</option>
    12. </select><select name="m">
    13. <option value="1">1</option>
    14. <option value="2">2</option>
    15. <option value="3">3</option>
    16. <option value="...">...</option>
    17. </select><select name="y">
    18. <option value="2006">2006</option>
    19. <option value="2005">2005</option>
    20. <option value="2004">2004</option>
    21. </select></div>';
    23. switch($_GET['dest'])
    24. {
    25. case '2':
    26. switch($_GET['s'])
    27. {
    28. case 'Verantwortlich':
    29. $menu = array('Zeitraum','Typ');
    30. break;
    31. case 'Zeitraum':
    32. $menu = array('Verantwortlich','Typ');
    33. break;
    34. case 'Typ':
    35. $menu = array('Verantwortlich','Zeitraum');
    36. break;
    37. }
    38. break;
    40. case '3':
    41. switch($_GET['s'])
    42. {
    43. case 'Verantwortlich':
    44. $menu = array('Zeitraum');
    45. break;
    46. case 'Zeitraum':
    47. $menu = array('Typ');
    48. break;
    49. case 'Typ':
    50. $menu = array('Verantwortlich');
    51. break;
    52. }
    53. break;
    54. }
    57. $next = $_GET['dest']+1;
    58. echo 'select'.$_GET['dest'].'|| ';
    59. echo ($_GET['s'] == 'Zeitraum') ? $timeselect : '';
    61. if($_GET['dest'] > 3) {
    62. echo '<input type="submit" value="Auswahl senden" >';
    63. } else {
    64. echo '<div style="float:left">'.$andOr.'</div>';
    65. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" onChange="sendRequest('.$next.')">';
    66. echo '<option value=""></option>';
    67. foreach($menu as $row)
    68. echo '<option value="'.$row.'">'.$row.'</option>';
    69. echo '</select>';
    70. }
    71. ?>
    Alles anzeigen

  • Hallo d0nUt,

    danke für den Code. Ich habe das mal ein wenig angepasst und bin jetzt schon bei einem relativ guten Ergebnis angelangt.

    Allerdings habe ich noch ein zwei kleinere Probleme die ich an dieser Stelle nochmal posten möchte:

    Ich habe zwei Bilder angehängt. Im ersten Bild (beispiel1) siehst du ein komplett aufgebautes Menü. Das funktioniert wirklich wunderbar.

    Allerdings sollen auch Rückschritte möglich sein.

    Wie Du weisst sind einzelne Begriffe jeweils mit und/oder verknüpfbar. Das und/oder Menü enthält auch jeweils einen Punkt "Ende". Wenn dieser ausgewählt wird, dann wird die Suche nur bis zu dem letzten Begriff durchgeführt.

    Wenn ich jetzt aber ein komplettes Menü bis zum Ende aufbaue, und dann an Source2 oder Source4 ein "Ende" nachträglich setze, dann bleiben bestimmte Elemente stehen, die eig. nicht stehen bleiben sollten (Bild Beispiel 2).

    Im Fall von "Ende" soll also alles, was "danach" kommt vernichtet werden, auch die vorher eingeblendete Unterauswahl.

    Ich poste mal meinen Code; die Datenbankzugriffe habe ich durch Platzhalter erstetzt.

    Hast Du evtl noch eine Idee, wie man das bewerkstelligen kann?

    Quellcode

    1. <?
    2. function nameSelectBox() {
    4. echo "<div style=\"position:absolute; left: -145px; top: 80px;\">nameSelectBox an dieser Stelle</div>";
    5. }
    7. function typeSelectBox() {
    9. echo "<div style=\"position:absolute; left: -145px; top: 80px;\">typeSelectBox an dieser Stelle</div>";
    10. }
    12. function dateSelectBox() {
    14. echo "
    15. <div style=\"position:absolute; left: -145px; top: 80px;\">
    16. <table border=\"0\" cellspacing=\"0\">
    17. <tr>
    18. <td><a href=#>Start:</a></td>
    19. <td><input type=\"text\" name=\"selectStartDate\" value=\"01.01.2005\" maxlength=\"10\" size=\"9\"> </td>
    21. <td><a href=#>Ende:</a></td>
    22. <td><input type=\"text\" name=\"selectEndDate\" value=\"31.12.2005\" maxlength=\"10\" size=\"9\"> </td>
    23. </tr>
    24. </table>
    25. </div>
    26. ";
    27. }
    29. switch($_GET['dest'])
    30. {
    31. case '2':
    32. switch($_GET['s'])
    33. {
    34. case 'Verantwortlich':
    35. $menu = array('und(v)','oder(v)', 'Ende');
    36. $link = array('und','oder', 'Ende');
    37. break;
    38. case 'Zeitraum':
    39. $menu = array('und(z)','oder(z)', 'Ende');
    40. $link = array('und','oder', 'Ende');
    41. break;
    42. case 'Aktionstyp':
    43. $menu = array('und(t)','oder(t)', 'Ende');
    44. $link = array('und','oder', 'Ende');
    45. break;
    46. }
    47. break;
    49. case '3':
    50. switch($_GET['s'])
    51. {
    52. case 'und(v)':
    53. $menu = array('Zeitraum(v)','Aktionstyp(v)');
    54. $link = array('Zeitraum','Aktionstyp');
    55. break;
    56. case 'oder(v)':
    57. $menu = array('Zeitraum(v)','Aktionstyp(v)');
    58. $link = array('Zeitraum','Aktionstyp');
    59. break;
    60. case 'und(z)':
    61. $menu = array('Verantwortlich(z)','Aktionstyp(z)');
    62. $link = array('Verantwortlich','Aktionstyp');
    63. break;
    64. case 'oder(z)':
    65. $menu = array('Verantwortlich(z)','Aktionstyp(z)');
    66. $link = array('Verantwortlich','Aktionstyp');
    67. break;
    68. case 'und(t)':
    69. $menu = array('Verantwortlich(t)','Zeitraum(t)');
    70. $link = array('Verantwortlich','Zeitraum');
    71. break;
    72. case 'oder(t)':
    73. $menu = array('Verantwortlich(t)','Zeitraum(t)');
    74. $link = array('Verantwortlich','Zeitraum');
    75. break;
    76. case 'Ende':
    77. break;
    78. }
    79. break;
    81. case '4':
    82. switch($_GET['s'])
    83. {
    84. case 'Zeitraum(v)':
    85. $menu = array('und(vz)','oder(vz)', 'Ende');
    86. $link = array('und','oder', 'Ende');
    87. break;
    88. case 'Aktionstyp(v)':
    89. $menu = array('und(vt)','oder(vt)', 'Ende');
    90. $link = array('und','oder', 'Ende');
    91. break;
    92. case 'Verantwortlich(z)':
    93. $menu = array('und(zv)','oder(zv)', 'Ende');
    94. $link = array('und','oder', 'Ende');
    95. break;
    96. case 'Aktionstyp(z)':
    97. $menu = array('und(zt)','oder(zt)', 'Ende');
    98. $link = array('und','oder', 'Ende');
    99. break;
    100. case 'Verantwortlich(t)':
    101. $menu = array('und(tv)','oder(tv)', 'Ende');
    102. $link = array('und','oder', 'Ende');
    103. break;
    104. case 'Zeitraum(t)':
    105. $menu = array('und(tz)','oder(tz)', 'Ende');
    106. $link = array('und','oder', 'Ende');
    107. break;
    108. }
    109. break;
    111. case '5':
    112. switch($_GET['s'])
    113. {
    114. case 'und(vz)':
    115. $menu = array('Aktionstyp(vzt)');
    116. $link = array('Aktionstyp');
    117. break;
    118. case 'oder(vz)':
    119. $menu = array('Aktionstyp(vzt)');
    120. $link = array('Aktionstyp');
    121. break;
    122. case 'und(vt)':
    123. $menu = array('Zeitraum(vtz)');
    124. $link = array('Zeitraum');
    125. break;
    126. case 'oder(vt)':
    127. $menu = array('Zeitraum(vtz)');
    128. $link = array('Zeitraum');
    129. break;
    130. case 'und(zv)':
    131. $menu = array('Aktionstyp(zvt)');
    132. $link = array('Aktionstyp');
    133. break;
    134. case 'oder(zv)':
    135. $menu = array('Aktionstyp(zvt)');
    136. $link = array('Aktionstyp');
    137. break;
    138. case 'und(zt)':
    139. $menu = array('Verantwortlich(ztv)');
    140. $link = array('Verantwortlich');
    141. break;
    142. case 'oder(zt)':
    143. $menu = array('Verantwortlich(ztv)');
    144. $link = array('Verantwortlich');
    145. break;
    146. case 'und(tv)':
    147. $menu = array('Zeitraum(tvz)');
    148. $link = array('Zeitraum');
    149. break;
    150. case 'oder(tv)':
    151. $menu = array('Zeitraum(tvz)');
    152. $link = array('Zeitraum');
    153. break;
    154. case 'und(tz)':
    155. $menu = array('Verantwortlich(tzv)');
    156. $link = array('Verantwortlich');
    157. break;
    158. case 'oder(tz)':
    159. $menu = array('Verantwortlich(tzv)');
    160. $link = array('Verantwortlich');
    161. break;
    162. case 'Ende':
    163. break;
    164. }
    165. break;
    166. }
    169. $next = $_GET['dest']+1;
    170. echo 'select'.$_GET['dest'].'|| ';
    172. echo (($_GET['s'] == 'Zeitraum') || ($_GET['s'] == 'Zeitraum(v)') || ($_GET['s'] == 'Zeitraum(vtz)') || ($_GET['s'] == 'Zeitraum(tvz)')) ? dateSelectBox() : '';
    173. echo (($_GET['s'] == 'Verantwortlich') || ($_GET['s'] == 'Verantwortlich(z)') || ($_GET['s'] == 'Verantwortlich(ztv)') || ($_GET['s'] == 'Verantwortlich(tzv)')) ? nameSelectBox() : '';
    174. echo (($_GET['s'] == 'Aktionstyp') || ($_GET['s'] == 'Aktionstyp(v)') || ($_GET['s'] == 'Aktionstyp(z)') || ($_GET['s'] == 'Aktionstyp(vzt)') || ($_GET['s'] == 'Aktionstyp(zvt)')) ? typeSelectBox() : '';
    176. if(($_GET['s'] == 'Ende') || ($_GET['dest'] > 5)) {
    177. echo '<input type="submit" value="Auswahl senden" >';
    178. } else {
    179. // echo ''.$andOr.'';
    181. if ($_GET['dest'] == 2) $size = 1;
    182. if ($_GET['dest'] == 3) $size = 3;
    183. if ($_GET['dest'] == 4) $size = 1;
    184. if ($_GET['dest'] == 5) $size = 2;
    187. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" size="'.$size.'" onChange="sendRequest('.$next.')">';
    188. if ($link[0] == 'und')
    189. echo '<option value="topEntry" selected>Operator</option>';
    190. else
    191. echo '<option value="topEntry" selected>Bitte ausw&auml;hlen</option>';
    192. for (;list(, $rowValue ) = each( $menu ), list(, $rowName ) = each( $link );) {
    193. echo '<option value="'.$rowValue.'">'.$rowName.'</option>';
    194. }
    195. echo '</select>';
    196. }
    197. ?>
    Alles anzeigen
    Bilder

    • beispiel2.jpg

      18,29 kB, 877×114, 2.837 mal angesehen

    • beispiel1.jpg

      24,71 kB, 879×112, 2.858 mal angesehen

  • ok, da sind javascript kenntnisse gefragt :)

    1x muss du die funktion handleResponse in der formular.html ändern, damit du mehrere DIVs mit AJAX ändern kannst
    (siehe die schleife)

    Quellcode

    1. function handleResponse() {
    3. if(req.readyState == 4){
    4. var response = req.responseText;
    5. var update = new Array();
    7. if(response.indexOf('||' != -1)) {
    8. update = response.split('||');
    9. for(i=0; i<update.length; i+=2) {
    10. document.getElementById(update[i]).innerHTML = update[i+1];
    11. }
    12. }
    13. }
    14. else
    15. alert("loading" + ajax.readyState);
    16. }
    Alles anzeigen


    dann setzt du ganz nach unten in der func.php noch folgenden code um die folgenden felder mit leerem inhalt zu überschreiben

    Quellcode

    1. //Nächste Select Felder nullen
    2. $anzahl_der_select_felder = 4;
    3. for($i=$next; $i<=$anzahl_der_select_felder+1; $i++) {
    4. echo '||select'.$i.'|| ';
    5. }

  • Hallo d0nUt,

    bin neu hier, ist aber genau das was ich gesucht habe !

    Bin php coder und auf neuen Wegen => AJAX - aber als voll noob :)

    Genauso planlos bin ich mit java .. :(

    Respekt d0nUt !! Hab mit Deinem obigen Code example mein Problem fast gelöst = ich bin echt baff über Dein Knowledge!

    Bei mir erscheint jedoch noch eine Script error :

    document.getElementById[....] ist NULL oder kein Object ...

    Was heisst das genau ?

    Grüsse

    thomy

  • Vielen Dank für die lieben Worte ;)
    ich habe meinen code inzwischen optimiert

    eine aktualisierte fassung findest du im Wiki unter: [coderwiki]HowTos/Ajax-Inhalte-mit-PHP-nachladen[/coderwiki]

    Das ist natürlich nur ein ähnlicher Code, aber die Funktionen sind die selben.
    Du musst vermutlich nur diese Zeile ändern:

    Quellcode

    1. req.open("GET", 'func.php?s='+ digit);


    kannst du den Code auf dein Problem übertragen?
    Ansonsten bitte einen neuen [coderwiki]Informationen/Thread[/coderwiki] erstellen ;)

    Gruß