Javascript Klonenen einer Reihe

  • Javascript Klonenen einer Reihe

    Hallo mieinander,
    wieder mal benötie ich Hilfestellung.

    Ich habe das Problem das ich bei meinem Formular die Möglichkeit haben muss das man mehr als eine Aktivität einträgt.

    Quellcode

    1. <tr class="invisible" id="tr_aktivitaeten">
    3. <td> Aktivitäten</td>
    4. <td>
    5. <table id="aktivitaeten_tabel">
    6. <tr>
    7. <td style="margin-left: 10px;" class="get_this">
    8. <select size="1" name="aktivitaeten">
    9. <option selected="selected" disabled="disabled">Auswählen</option>
    10. <!-- Generieren der Optionen aus DB Einträgen-->
    11. <?php
    13. foreach ($aktivitaet_list AS $aktivitaet){
    15. echo('<option value="'.$aktivitaet['aktivitaet_id'].'">'.$aktivitaet['aktivitaet_name'].'</option>');
    16. }
    17. ?>
    18. <!-- ende des generierens -->
    19. </select>
    20. </td>
    21. </tr>
    22. <tr id="before">
    23. <td >
    24. <input type="button" value="1" onclick="javascript:get_delete_before(this);" />
    25. <input type="button" value="2" onclick="javascript:add_new_row(this);" />
    27. </td>
    28. </tr>
    29. </table>
    31. </td>
    33. </tr>
    Alles anzeigen



    So aus dem heraus will ich über der Reihe mit der ID "before" die reihe mit den aktionslisten generieren.


    Kann mir einer das erklären bzw. mir mal nen code dafür zur verfügung stellen?
    Versuche es jetzt schon 3 ganze Arbeitstage das mit child und arent und clone der knoten zu machen :/
    Aber iwie mach ichs die ganze zeit falsch auch wenn ich es schaffe die Parents anzu sprechen bekomme ich das mit den childNodes nicht hin :(


    danke für eure hilfe ;)

  • Moin!

    TRs Klonen ist ne komische Sache, das weiss jeder der es mal versucht hat. xD

    Mal so zum Ablauf, ich geh jetzt mal davon aus, dass du jQuery benutzt?
    Wenn du in der Funktion drin bist, hast du im Parameter den Button. Ich würde mir nun einfach mit

    Quellcode

    1. var table = $(parameter).parents('#aktivitaeten_tabel');
    die Tabelle holen und dann mit

    Quellcode

    1. var first_row = table.children().first();
    oder

    Quellcode

    1. var first_row = table.children().filter('.get_this');
    die Zeile holen. Dann Klonen und nach der Zeile einfügen:

    Quellcode

    1. first_row.clone().after(first_row);
    .

    Hilft dir das weiter? :)

    Viele Grüße
    Bodo06

  • Leider nein :D

    Das ist in nem langezogenen Projekt.

    Muss das Komplett mit JS machen ohne Jquerry.

    Ich hatte da mal was gesehen was sehr Simel erschien aber dann mir doch nicht geholfen hat.

    Quellcode

    1. function test(it)
    2. {
    3. var ele=it;
    4. parent_number=3;//für tablebody element als var ele
    5. var x=0;
    6. while(x<=parent_number)
    7. {
    8. ele=ele.parentNode;
    9. x++;
    10. }
    12. var chi=ele.childNodes[0];
    13. var clo_ele=chi.cloneNode(true);
    14. //ab hier komme ich nicht weiter. wie funktioniert das jetzt mit dem
    15. //ele.insertBefore(ele.childNodes[ele.childNodes.lenght], clo_ele);
    16. //??
    19. }
    Alles anzeigen


    Also so wollte ich das machen dami ich auch mal das mit dem Klonen verstehe.
    Naja nicht so einfach wie ich dachte :/
    Ich glaube das ganze mi den Childnodes ist auch iwie falsch :(

    Ideen?