Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> usuwanie struktury div
oriechmar22
post 13.06.2019, 19:32:32
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 13.06.2019

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
trueblue
post 13.06.2019, 19:46:00
Post #2





Grupa: Zarejestrowani
Postów: 5 438
Pomógł: 1489
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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).


--------------------
Go to the top of the page
+Quote Post
oriechmar22
post 14.06.2019, 10:50:02
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 13.06.2019

Ostrzeżenie: (0%)
-----


Ok, wielkie dzięki, poszło smile.gif
Działa jak ta lala specool.gif

pzdr.
Marcin
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2019 - 12:42