..


Link-uri sponsorizate

Şterge elemente dintr-o listă a intrării în vigoare animaţie cu jQuery

Articol scris de Horace Maico
Pagina 1 din 2

În acest articol voi explica modul de utilizare a bibliotecii JQuery să se ocupe de eliminarea elementelor dintr-o listă cu efect de animaţie.

Exemplu dat în acest tutorial simplu este inspirat de efectul produs asupra eliminarea elementelor din buletinul de bord de profil pe Facebook (frumos, nu-i asa?).

În primul rând, vă invit să creaţi o bază de date de testare constă dintr-un singur tabel structurat în felul următor: 

 



 CREATE TABLE mesaje (







 msg_id INT cheie primară AUTO_INCREMENT,

 





 Mesaj text







 );
Tabelul nostru de "mesaje", după cum puteţi vedea, este alcătuită din doar două domenii: msg_id, care va identifica mesajul şi mesajul care conţine textul, acestea se pot adăuga mai multe câmpuri, în funcţie de modul de utilizare a script-ul pe care doriţi să faceţi " exemplu.

Acum creaţi un fişier (pe care o vom folosi în includerea în cadrul script PHP care va crea altele) în cazul în care mergem pentru a seta conexiunea la baza noastră de date: 






 <? Php







 $ Conn = mysql_connect ("host", "Nume de utilizator" "parola") or die (mysql_error ());







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







 ?>
Salvează fişierul ca "dbconfig.php".
Acum, haideţi să creaţi index (care va salva ca "index.php") de articole disponibile, fiecare însoţit de un buton pentru ştergerea: 





 <html>







 <head>







 articole <title> cu efect FadeOut Cancela </ title>







 <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>







 </ Head>







 <body>







 Lista <h1> a elementelor şterse </ h1>







 <ol class="messaggi">







 <? Php







 / / Conectarea la baza de date.

 





 include ("dbconfig.php");









 / / Select mesajele Solicitare stocate în tabelul MESAJE.

 





 $ Sql ​​= "SELECT * FROM pentru mesajele de msg_id DESC";

 







 / / Execute interogare.

 





 $ Rezultat = mysql_query ($ sql, $ con);

 





 în timp ce ($ row = mysql_fetch_array ($ rezultat)) {



  



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



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Afiseaza rezultatul mesajele interogare ca o listă de elemente.

 

  



 / / Adauga un X la fiecare funcţie a şterge acest post.

 

  



 ?>



  



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



  



 <? Php







 }







 ?>







 </ Ol>







 </ BODY>







 </ HTML>
Aşa cum deja a spus pentru fiecare element din această listă are o legătură asociată (în exemplu am folosit un simplu X) ne asociem - o metoda de a folosi jQuery - funcţia şterge.

În aceeaşi categorie ...
E-Learning
ASP Zero (Ebook) ASP Zero (Ebook)
Microsoft Learning ASP şi VBScript de la zero. La doar 29 €.
Javascript (Curs) Javascript (Curs)
Ghid complet pentru client-side scripting. De la 39 €.
PHP (Curs) PHP (Curs)
Ciclu complet pentru crearea de site-uri Web dinamice. De la 49 €.
Link-uri sponsorizate