..


Sponzorované odkazy

Odstránenie položiek zo zoznamu efektu animácie s jQuery

Článok napísal Horace MAICO
Strana 1 z 2

V tomto článku som sa vysvetliť, ako používať jQuery knižnicu zvládnuť odstránenie položiek v zozname efekt animácie.

V príklade v tomto jednoduchom tutoriále je inšpirovaný vplyv vyrába na odstránenie položiek v doske profilu na Facebooku (pekné, že?).

Po prvé, pozývam vás k vytvoreniu testovacej databázy sa skladá z jednej tabuľky štruktúrované takto: 

 



 CREATE TABLE príspevkov (







 msg_id INT PRIMARY KEY AUTO_INCREMENT,

 





 Text správy







 );
Náš stôl "Správy", ako môžete vidieť, že sa skladá iba z dvoch oblastí: msg_id, ktorý bude identifikovať správu a správu, ktorá obsahuje text, môžu tieto pridať ďalšie pole, v závislosti na využití skript, ktorý chcete urobiť " príklad.

Teraz vytvorte súbor (ktoré budeme používať pri zápise do PHP skriptu, ktorý bude vytvárať ďalšie), kde budeme nastavenie pripojenia k databáze: 






 <? Php







 $ Conn = mysql_connect ("host", "meno" "heslo") or die (mysql_error ());







 mysql_select_db ("DB_NAME", $ Conn) or die (mysql_error ());







 >
Uložte súbor ako "dbconfig.php".
Teraz si vytvoríme index (čo šetrí ako "index.php") dostupných položiek, z ktorých každý spolu s tlačidlom pre mazanie: 





 <html>







 <head>







 <title> položiek s účinnosťou fadeout Cancel </ 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> zoznamu odstránených položiek </ h1>







 <ol class="messaggi">







 <? Php







 / / Pripojenie k databáze.

 





 patrí ("dbconfig.php");









 / / SELECT dopytu správy uložené v tabuľke SPRÁVY.

 





 $ Sql ​​= "select * from správy Zoradiť podľa msg_id DESC";

 







 / / Spustenie dotazu.

 





 $ Result = mysql_query ($ sql, $ Conn);

 





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



  



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



  



 Msg_id $ = $ row ['msg_id'];



  

  



 / / Zobrazenie výsledku dotazu správ ako zoznam položiek.

 

  



 / / Pridanie X pre každú funkciu odstránenie príspevku.

 

  



 >



  



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



  



 <? Php







 }







 >







 </ Ol>







 </ Body>







 </ Html>
Ako už bolo povedané, aby každú položku v tomto zozname má príslušný odkaz (v mojom príklade som použil jednoduchý X) priradíme - spôsob využitia jQuery - funkcia vymazanie.

V rovnakej kategórii ...
E-Learning
ASP Zero (ebook) ASP Zero (ebook)
Učenie Microsoft ASP a VBScript od nuly. V pouhých 29 €.
JavaScript (kurz) JavaScript (kurz)
Kompletný sprievodca pre skriptovanie na strane klienta. Od 39 €.
PHP (kurz) PHP (kurz)
Celý kurz pre vytváranie dynamických webov. Od 49 €.
Sponzorované odkazy