Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: usuwanie struktury div
Forum PHP.pl > Forum > XML, AJAX > AJAX
oriechmar22
Witam wszystkich, jestem tu nowy więc proszę nie krzyczeć, nie mam wielkiego doświadczenia w ajax
dlatego proszę o pomoc.

Otóż mam taki kod w php:

  1. echo "<div class=\"rowGl\">";
  2. echo "<div class=\"row\" \">".$zmienna1."</div>";
  3. echo "<div class=\"row\" \">".$zmienna2."</div>";
  4. echo "<div class=\"rowImg\" onclick=\"op('".$id."');\"><img src=\"./images/ico_rozwin.ico\" height=\"28\"></div>";
  5.  
  6. echo "<div class=\"rowImg\" \"><a href=\"?deleteRekord=".$id."\" class=\"deleteRow\" ><img src=\"./images/ico_usun.ico\" height=\"28\"></a></div>";
  7.  


Chodzi o to że gdy klikam w ikonkę: "ico_usun.ico" (czyli przycisk) to ma się usunąć cały div z klasą "rowGl", niestety usuwa się tylko div z klasą w selektorze a: deleteRow.
Nie wiem jak spowodować żeby usuwały się wszystkie divy, w których jest usuwana klasa "deleteRow" czyli począwszy od "rowGl" + wszystkie jego potomki.

Gdy mam jednego diva, to jest OK, działa bez zarzutu, ale już z bardziej skomplikowaną strukturą się nie daje. Czy to jest w ogóle możliwe do wykonania?
Poniżej kod ajax, który stosuję:

  1. $('a.deleteRow').click(function(e) {
  2. e.preventDefault();
  3. var parent = $(this).parent();
  4. $.ajax({
  5. type: 'get',
  6. url: usnRekord.php',
  7. data: 'ajax=1',
  8. beforeSend: function() {
  9. parent.animate({'backgroundColor':'#fb6c6c'},300);
  10. },
  11. success: function() {
  12. parent.slideUp(300,function() {
  13. parent.remove();
  14. });
  15. }
  16. });
  17. });


Próbowałem już różnych tricków z $('a.deleteRow') typu +, >, ~ z klasą rowGl, ale na nic sad.gif
Zależy mi na tym rozwiązaniu ponieważ fajnie animuje usuwanie diva najpierw go animując na czerwono a następnie
zsuwa pozostałe divy do kupy smile.gif

Jeśli ktoś wie jak można to zrobić i czy w ogóle można to będę wdzięczny za pomoc.
Te divy robią jakby za tabelkę, każdy jest oddzielony 1px odstępem i wygląda to jak tabela (styl kolorowani usunąłem żeby nie zaciemniać tematu)
i chciałbym tą formę utrzymać ale jeśli się nie da to trudno, wykombinuję coś innego.

Pozdrawiam
Marcin
trueblue
Cytat(oriechmar22 @ 13.06.2019, 20:32:32 ) *
Nie wiem jak spowodować żeby usuwały się wszystkie divy, w których jest usuwana klasa "deleteRow" [...]

Mają się usuwać elementy .rowGl czy elementy nadrzędne z klasą .deleteRow?

Jeśli to pierwsze, to: https://api.jquery.com/parents/ (dokumentacja dla parent() się kłania).
oriechmar22
Ok, wielkie dzięki, poszło smile.gif
Działa jak ta lala specool.gif

pzdr.
Marcin
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.