jQuery ile efekt vererek veri silmek

Artistlik web sitelerinde gördüğünüz efekt vererek silme işlemini 19 satırlık jQuery kodu ile burada olduğu gibi kolayca yapabilirsiniz.

Demosuna buradan bakabilirsiniz.

PHP veri silme kodumuz;

if(isset($_GET['delete'])){$query = 'DELETE FROM my_table WHERE item_id = '.(int)$_GET['delete'];$result = mysql_query($query,$link);}

PHP verileri listeleme kodumuz;

.$query = 'SELECT * FROM my_table ORDER BY title ASC';$result = mysql_query($query,$link);while($row = mysql_fetch_assoc($result)){echo '<div id="record-',$row['item_id'],'">
<a href="?delete=%27,$row%5B%27item_id%27%5D,%27" class="delete">Delete</a>
<strong>',$row['title'],'</strong>
</div>';
}

Ve jQuery kodumuz;

.$(document).ready(function() {
$('a.delete').click(function(e) {
e.preventDefault();
var parent = $(this).parent();
$.ajax({
type: 'get',
url: 'jquery-record-delete.php',
data: 'ajax=1&delete=' + parent.attr('id').replace('record-',''),
beforeSend: function() {
parent.animate({'backgroundColor':'#fb6c6c'},300);
},
success: function() {
parent.slideUp(300,function() {
parent.remove();
});
}
});
});
});

Bu kodları bir sayfada birleştirmeniz yeterli bunun yanı sıra jQuery dosyasınıda sayfaya dahil etmelisiniz.

jQuery dosyasını indirdikden sonra aşağıdaki html kodu ile dahil edebilirsiniz.

Bu yazı jQuery Dersler, jQuery Method kategorisine gönderilmiş ve , , , , ile etiketlenmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

jQuery ile efekt vererek veri silmek için 3 cevap

  1. Tahir Hasan der ki:

    Hocam bu kodlar kopyala yapıştır yapılmıyo… :S Keşke bir kod etiketi içinde olsaydı yinede eline sağlık harika olmuş…

  2. Tahir Hasan der ki:

    Ellerine sağlık hocam :)

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>