..


Sponzorirani linkovi

Brisanje stavki iz popisa animacije učinak uz jQuery

Članak je napisao Horace Maico
Stranica 1 od 2

U ovom članku ću objasniti kako se koristi jQuery biblioteku za obradu uklanjanje stavki u popis animacija učinak.

Primjer u ovom jednostavnom udžbenik je inspiriran efekta na brisanje stavki u oglasnoj ploči Facebook profil (lijepo, ha?).

Prvo, ja vas pozivam na stvaranje test baza podataka se sastoji od jedne tablice strukturiran na sljedeći način:

 



 CREATE TABLE postova (







 msg_id INT PRIMARY KEY AUTO_INCREMENT,

 





 Tekst poruke







 );

 
Naš stol "poruke", kao što možete vidjeti, sastoji se od samo dva područja: msg_id koji će prepoznati poruku i poruku koja sadrži tekst, te se može dodati više polja, ovisno o načinu korištenja pisma što želite učiniti " primjer.

Sada stvorite datoteku (koje ćemo koristiti u uključivanje u PHP skriptu koja će stvoriti druge), gdje ćemo postaviti vezu u našu bazu podataka:






 <? PHP







 $ Conn = mysql_connect ("host", "korisničko ime" "password") ili umrijeti (mysql_error ());







 mysql_select_db ("db_name", $ conn) ili umrijeti (mysql_error ());







 ?>



Spremite datoteku kao "dbconfig.php".
Sada ćemo napraviti indeks (koji će spasiti kao "index.php") dostupnih stavki, svaka uz gumb za brisanje:





 <html>







 <head>







 <title> stavke s učinkom Cancela FadeOut </ 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>







 <h1> Popis izbrisane stavke </ h1>







 <ol class="messaggi">







 <? PHP







 / / Spajanje na bazu podataka.

 





 su ("dbconfig.php");









 / / Upit izdvajanja poruke pohranjene u tablici poruke.

 





 $ Sql ​​= "SELECT * FROM poruka uredi prema msg_id DESC";

 







 / / Izvrši upit.

 





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

 





 dok ($ red = mysql_fetch_array ($ rezultat)) {



  



 $ Poruka = ​​stripslashes ($ red ["poruka"]);



  



 $ = $ Red Msg_id ['msg_id'];



  

  



 / / Prikaz rezultat upita poruka popis stavki.

 

  



 / / Dodaj X za svaku funkciju brisanja post.

 

  



 ?>



  



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



  



 <? PHP







 }







 ?>







 </ Ol>







 </ Body>







 </ HTML>



Kao što je već rečeno svake stavke u tom popisu je povezan vezu (u mom primjeru sam koristio jednostavni X) povezujemo - način korištenja jQuery - brisanje funkcije.

U istoj kategoriji ...
E-učenje
ASP Zero (Ebook) ASP Zero (Ebook)
Učenje Microsoft ASP i VBScript od nule. Na samo 29 €.
Javascript (tečaj) Javascript (tečaj)
Kompletan vodič za client-side skriptiranje. Od 39 €.
PHP (tečaj) PHP (tečaj)
Cijeli tečaj za izradu dinamičkih Web stranica. Od 49 €.
Sponzorirani linkovi