Napisany przez: oriechmar22 13.06.2019, 19:32:32
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:
http://www.php.net/echo "<div class=\"rowGl\">";
http://www.php.net/echo "<div class=\"row\" \">".$zmienna1."</div>";
http://www.php.net/echo "<div class=\"row\" \">".$zmienna2."</div>";
http://www.php.net/echo "<div class=\"rowImg\" onclick=\"op('".$id."');\"><img src=\"./images/ico_rozwin.ico\" height=\"28\"></div>";
http://www.php.net/echo "<div class=\"rowImg\" \"><a href=\"?deleteRekord=".$id."\" class=\"deleteRow\" ><img src=\"./images/ico_usun.ico\" height=\"28\"></a></div>";
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ę:
$('a.deleteRow').click(function(e) {
e.preventDefault();
var parent = $(this).parent();
$.ajax({
type: 'get',
url: usnRekord.php',
data: 'ajax=1',
beforeSend: function() {
parent.animate({'backgroundColor':'#fb6c6c'},300);
},
success: function() {
parent.slideUp(300,function() {
parent.remove();
});
}
});
});
Próbowałem już różnych tricków z $('a.deleteRow') typu +, >, ~ z klasą rowGl, ale na nic
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
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
Napisany przez: trueblue 13.06.2019, 19:46:00
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).
Napisany przez: oriechmar22 14.06.2019, 10:50:02
Ok, wielkie dzięki, poszło
Działa jak ta lala
pzdr.
Marcin