..


Sponzorované odkazy

Odstranění položek ze seznamu efektu animace s jQuery

Článek napsal Horace Maico
Strana 1 z 2

V tomto článku jsem se vysvětlit, jak používat jQuery knihovnu zvládnout odstranění položek v seznamu efekt animace.

V příkladu v tomto jednoduchém tutoriálu je inspirován vliv vyrábí na odstranění položek v desce profilu na Facebooku (pěkné, že?).

Za prvé, zvu vás k vytvoření testovací databáze se skládá z jedné tabulky strukturované takto: 

 



 CREATE TABLE příspěvků (







 msg_id INT PRIMARY KEY AUTO_INCREMENT,

 





 Text zprávy







 );
Náš stůl "Zprávy", jak můžete vidět, že se skládá pouze ze dvou oblastí: msg_id, který bude identifikovat zprávu a zprávu, která obsahuje text, mohou tyto přidat další pole, v závislosti na využití skript, který chcete udělat " příklad.

Nyní vytvořte soubor (které budeme používat při zápisu do PHP skriptu, který bude vytvářet další), kde budeme nastavení připojení k databázi: 






 <? Php







 $ Conn = mysql_connect ("host", "jméno" "heslo") or die (mysql_error ());







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







 >
Uložte soubor jako "dbconfig.php".
Nyní si vytvoříme index (což šetří jako "index.php") dostupných položek, z nichž každý spolu s tlačítkem pro mazání: 





 <html>







 <head>







 <title> položek s účinností 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>







 <h1> seznamu odstraněných položek </ h1>







 <ol class="messaggi">







 <? Php







 / / Připojení k databázi.

 





 patří ("dbconfig.php");









 / / SELECT dotazu zprávy uložené v tabulce ZPRÁVY.

 





 $ Sql ​​= "select * from zprávy Seřadit podle msg_id DESC";

 







 / / Spuštění dotazu.

 





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

 





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



  



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



  



 Msg_id $ = $ row ['msg_id'];



  

  



 / / Zobrazení výsledku dotazu zpráv jako seznam položek.

 

  



 / / Přidání X pro každou funkci odstranění příspěvku.

 

  



 >



  



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



  



 <? Php







 }







 >







 </ Ol>







 </ Body>







 </ Html>
Jak již bylo řečeno, aby každou položku v tomto seznamu má příslušný odkaz (v mém příkladu jsem použil jednoduchý X) přiřadíme - způsob využití jQuery - funkce vymazání.

Ve stejné kategorii ...
E-Learning
ASP Zero (ebook) ASP Zero (ebook)
Učení Microsoft ASP a VBScript od nuly. V pouhých 29 €.
JavaScript (kurz) JavaScript (kurz)
Kompletní průvodce pro skriptování na straně klienta. Od 39 €.
PHP (kurz) PHP (kurz)
Celý kurz pro vytváření dynamických webů. Od 49 €.
Sponzorované odkazy