..


Gesponsorde links

Items uit een lijst van de animatie-effect met jQuery

Artikel geschreven door Horace Maico
Pagina 1 van 2

In dit artikel zal ik uitleggen hoe je de JQuery bibliotheek te gebruiken om de verwijdering van items behandelen in een lijst met animatie-effect.

Het voorbeeld gegeven in deze eenvoudige tutorial is geïnspireerd door het effect dat ontstaat bij het verwijderen van items in het bulletin board van de Facebook-profiel (leuk, he?).

De eerste, ik nodigen u uit om een ​​test-database bestaat uit een enkele tabel gestructureerd als deze maken: 

 



 CREATE TABLE berichten (







 msg_id INT PRIMARY KEY AUTO_INCREMENT,

 





 Tekst bericht







 );
Onze tafel "berichten", zoals u kunt zien, bestaat het uit slechts twee velden: msg_id die de boodschap en de boodschap dat de tekst bevat, zal identificeren, kunnen deze toevoegen meer velden, afhankelijk van het gebruik van het script je wilt doen ' voorbeeld van.

Maak nu een file (die we in opname gebruik binnen de PHP-script dat zal leiden tot andere) waar we naartoe gaan om de verbinding te stellen aan onze database: 






 <? Php







 $ Conn = mysql_connect ("host", "USERNAME", "wachtwoord") or die (mysql_error ());







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







 ?>
Sla het bestand op als "dbconfig.php".
Laten we nu de index (die opslaan als "index.php") van de beschikbare items, elk vergezeld van een knop voor het verwijderen van maken: 





 <html>







 <head>







 <title> items met ingang 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> Lijst van verwijderde items </ h1>







 <ol class="messaggi">







 <? Php







 / / Verbinding maken met database.

 





 include ("dbconfig.php");









 / / Select Query berichten opgeslagen in de tabel BERICHTEN.

 





 $ Sql ​​= "SELECT * FROM berichten bestelling door msg_id DESC";

 







 / / Voer de query.

 





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

 





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



  



 $ Bericht = stripslashes ($ row ["bericht"]);



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Tonen van de resultaten van de query berichten als een lijst van items.

 

  



 / / Voeg een X elke functie van het schrappen van de post.

 

  



 ?>



  



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



  



 <? Php







 }







 ?>







 </ Ol>







 </ Body>







 </ Html>
Zoals reeds gezegd dat elk item in deze lijst heeft een bijbehorende link (in mijn voorbeeld heb ik gebruik gemaakt van een eenvoudige X) waar we associëren - een methode om met behulp van jQuery - de delete-functie.

In dezelfde categorie ...
E-Learning
ASP Zero (Ebook) ASP Zero (Ebook)
Leren Microsoft ASP en VBScript vanaf nul. Op slechts 29 €.
Javascript (Cursus) Javascript (Cursus)
Complete gids voor client-side scripting. Van 39 €.
PHP (Cursus) PHP (Cursus)
Volledige cursus voor het maken van dynamische websites. Van 49 €.
Gesponsorde links