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.

3 thoughts on “jQuery ile efekt vererek veri silmek

  1. 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ş…

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>