..


Sponsede Lenker

Slett elementer fra en liste over animasjon effekt med jQuery

Artikkel skrevet av Horace Maico
Side 1 av 2

I denne artikkelen vil jeg forklare hvordan du bruker jQuery biblioteket for å håndtere fjerning av elementer i en liste med animasjon effekt.

Eksempelet er gitt i denne enkle opplæringen er inspirert av den effekten som produseres på sletting av poster i oppslagstavler på Facebook-profilen (hyggelig, ikke sant?).

Først inviterer jeg deg til å lage en test database består av en enkelt tabell strukturert slik: 

 



 CREATE TABLE innlegg (







 msg_id INT PRIMARY KEY AUTO_INCREMENT,

 





 Message Text







 );
Bordet vårt "meldinger", som du kan se, den består av bare to felt: msg_id som vil identifisere meldingen og meldingen som inneholder tekst, kan disse legge til flere felt, avhengig av bruken av skriptet du ønsker å gjøre " eksempel.

Nå opprette en fil (som vi vil bruke i inkludering i PHP script som vil skape andre) hvor vi kommer til å sette forbindelsen til vår database: 






 <? Php







 $ Conn = mysql_connect ("host", "brukernavn" "passord") or die (mysql_error ());







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







 ?>
Lagre filen som "dbconfig.php".
La oss nå opprette indeksen (som vil lagre som "index.php") av tilgjengelige elementer, hver ledsaget av en knapp for sletting: 





 <html>







 <head>







 <title> elementer med virkning 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> Liste over slettede elementer </ h1>







 <ol class="messaggi">







 <? Php







 / / Koble til database.

 





 include ("dbconfig.php");









 / / Velg Query meldinger som er lagret i tabellen MELDINGER.

 





 $ Sql ​​= "select * fra meldinger rekkefølge etter msg_id DESC";

 







 / / Kjør spørringen.

 





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

 





 while ($ rad = mysql_fetch_array ($ resultat)) {



  



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



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Viser resultatet av spørringen meldinger som en liste over elementer.

 

  



 / / Legg til en X til hver funksjon for å slette innlegget.

 

  



 ?>



  



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



  



 <? Php







 }







 ?>







 </ Ol>







 </ BODY>







 </ HTML>
Som allerede sagt til hvert element i denne listen har en tilhørende link (i mitt eksempel brukte jeg en enkel X) vi forbinder - en metode for å bruke jQuery - det slett funksjon.

I samme kategori ...
E-læring
ASP Zero (Ebook) ASP Zero (Ebook)
Læring Microsoft ASP og VBScript fra bunnen av. At kun 29 €.
Javascript (Course) Javascript (Course)
Komplett guide til klient-side scripting. Fra € 39.
PHP (Course) PHP (Course)
Full kurs for å lage dynamiske nettsider. Fra 49 €.
Sponsede Lenker