jQuery ve PHP ile efekt vererek veri silmek
Bir sitede gezinirken bulduğum kodları sizinle paylaşmak istedim. Tabi bu kodları kullanmadan önce Jquery kütüphanesini sayfanıza eklemeniz gerekmektedir.
Bu kod bölümünü sayfanızdaki <head> tagları içersine yazın.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
Örneğin orijinal haline buradan ulaşabilirsiniz. Ayrıca demosunada 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);
}
{
$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 class="record" 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>';
}
$result = mysql_query($query,$link);
while($row = mysql_fetch_assoc($result))
{
echo '<div class="record" 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();
});
}
});
});
});
$('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();
});
}
});
});
});
Tüm kodları tek sayfada kullandığınızda işleminiz tamamdır. Tabi bu kodları kendi sql tablolarınıza uyarlamalısınız.İşte bu kadar basit.
Aynı uygulamanın anlatımına aşağıdaki adrestende ulaşabilirsiniz.
-codersstuff.com/jquery-ile-efekt-vererek-veri-silmek/
Yorumlar
Yeni yorum veya soru gönder