..


Sponsor Bağlantılar

JQuery ile animasyon efekti listesinden öğeleri silme

Tarafından yazılmış Madde Horace MAICO
2 Sayfa 1

Bu makalede animasyon efekti ile listeden öğe kaldırılması işlemek için JQuery kütüphanesinin nasıl kullanılacağını açıklayacağız.

Bu basit dersteki verilen örnek Facebook profili bülten tahtası öğelerin silinmesi (ha?, Güzel) üzerine üretilen etkisi esinlenmiştir.

İlk olarak, bir test veritabanı bu gibi yapılandırılmış bir tablo oluşur oluşturmak için davet ediyoruz: 

 



 (TABLO mesaj CREATE







 msg_id INT PRIMARY KEY auto_increment,

 





 İleti Metni







 );
Bizim masa "mesajları", gördüğünüz gibi, sadece iki alandan oluşur: metin içeren mesaj ve mesajı belirleyecektir msg_id, bu yapmak istediğiniz komut dosyası kullanımına bağlı olarak, daha fazla alan ekleyebilirsiniz " örnek.

Şimdi veritabanına bağlantı ayarlamak için gidiyoruz bir dosya (başka yaratacak PHP komut dosyası içinde dahil olarak kullanacağı) oluşturun: 






 <? Php







 $ Conn = mysql_connect ("host", "Kullanıcı Adı" "Şifre") or die (mysql_error ());







 mysql_select_db ("db_name", $ conn) or die (mysql_error ());







 ?>
"Dbconfig.php" olarak kaydedin.
Şimdi mevcut öğeleri silmek için bir düğme ile birlikte her endeksi ("index.php" olarak kurtaracak olan) oluşturmak atalım: 





 <html>







 <head>







 etkisi Cancela FadeOut </ title> ile <title> ürün







 <link rel="stylesheet" href="stile.css" type="text/css"/>







 <script type="text/javascript" src="jquery.js"> </ script>







 <script type="text/javascript" src="cancella.js"> </ script>







 </ Merkez>







 <body>







 Silinmiş öğeleri </ h1> ile <h1> Listesi







 <ol class="messaggi">







 <? Php







 / / Veritabanına bağlanma.

 





 ("dbconfig.php") arasında;









 / / Tablo MESAJLAR saklanan Sorgu mesajları seçin.

 





 $ SQL = "msg_id AZALAN tarafından mesajları için select * from";

 







 / / Sorgu çalıştırın.

 





 $ Sonuç = mysql_query ($ sql, $ conn);

 





 while ($ row = mysql_fetch_array ($ result)) {



  



 $ Mesaj = stripslashes ($ row ["mesaj"]);



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Öğe listesi olarak sorgu mesajları sonuç gösteriliyor.

 

  



 / / Mesaj silme her fonksiyon için bir X ekleyin.

 

  



 ?>



  



 <li> <? php $ mesaj echo;?> <a href = "#" id = "<php ​​msg_id $;?>" class = "delete_button"> X </ a> </ p>



  



 <? Php







 }







 ?>







 </ Ol>







 </ Body>







 </ Html>
JQuery kullanarak bir yöntem - - silme fonksiyonu olarak zaten bu listedeki her öğe dedi biz ilişkilendirmek ilişkili bir bağlantı (bizim örneğimizde basit bir X kullanılır) vardır.

Aynı Kategoride ...
E-Öğrenme
ASP Zero (Ebook) ASP Zero (Ebook)
Sıfırdan Microsoft ASP ve VBScript öğrenilmesi. Sadece 29 de €.
Javascript (Ders) Javascript (Ders)
Istemci tarafı komut dosyası için kılavuz tamamlayın. En düşük € 39.
PHP (Ders) PHP (Ders)
Dinamik Web siteleri oluşturmak için tam ders. 49 € düşük.
Sponsor Bağlantılar