jQuery ve PHP ile efekt vererek veri silmek

İlgili Konular: Php Jquery & Javascript     

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);
}

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>';
}
 
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();
    });
   }
  });
});
});
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

Bu alanın içeriği gizlenecek, genel görünümde yer almayacaktır.
  • PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
  • Eklediğiniz bağlantılara rel="nofollow" eklenerek, eklediklerinizin arama motorları tarafından bu site üzerinden indexlenmesi engellenir.

  • You may insert videos with [video:URL]

Biçimlendirme seçenekleri hakkında daha fazla bilgi


10 + 4 =
Basit matematik sorusunuz çözünüz. Örn; 1+3= 4