..


Enllaços patrocinats

Eliminar elements d'una llista d'efectes d'animació amb jQuery

Article escrit per Horacio Maica
Pàgina 1 de 2

En aquest article vaig a explicar com usar la llibreria jQuery per gestionar l'eliminació dels elements d'una llista d'efectes d'animació.

L'exemple donat en aquest senzill tutorial està inspirat en l'efecte que es produeix quan l'anul · lació dels articles en el tauler d'anuncis del perfil de Facebook (bonic, eh?).

(L'article continua més avall ...)

En primer lloc, et convidem a crear una base de dades de prova consta d'una sola taula estructurada de la següent manera: 

 



 Creu missatges de TAULA (







 msg_id INT AUTO_INCREMENT PRIMARY KEY,

 





 Missatge de text







 );
La nostra taula de "missatges", com es pot veure, que consta de només dos camps: msg_id d'identificar el missatge i el missatge que conté text, pot afegir aquests camps addicionals, en funció de l'ús de l'escriptura que vostè vol fer " exemple.

Ara creem un fitxer (que utilitzarem en la inclusió dins de script PHP que generarà altres), on anem a configurar la connexió a la nostra base de dades: 






 <Php







 $ Conn = mysql_connect ("host", "usuari", "contrasenya") or die (mysql_error ());







 mysql_select_db ("db_name", $ connexió) or die (mysql_error ());







 >
Deseu el fitxer com "dbconfig.php".
Ara anem a crear l'índex (de guardar com "index.php") de productes disponibles, cadascun acompanyat per un botó per esborrar: 





 <html>







 <head>







 Cancel · articles <title> amb FadeOut efecte </ 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>







 Llista <h1> dels elements eliminats </ h1>







 <ol class="messaggi">







 <Php







 / / Connexió a bases de dades.

 





 include ("dbconfig.php");









 / / Seleccionar els missatges de consultes emmagatzemades a la taula de missatges.

 





 $ Sql ​​= "select * from Per missatges msg_id desc";

 







 / / Executar la consulta.

 





 $ Result = mysql_query ($ sql, $ connexió);

 





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



  



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



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Mostra missatge del resultat de la consulta com una llista d'elements.

 

  



 / / Afegir a cada X amb una funció clara del missatge.

 

  



 >



  



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



  



 <Php







 }







 >







 </ Ol>







 </ Body>







 </ HTML>
Com s'ha esmentat en aquesta llista cada element està associat a un enllaç (en el meu exemple he fet servir una X simple) a la que associa - a través d'un mètode de jQuery - la funció d'esborrat.

A la mateixa categoria ...
E-Learning
Curs d'AJAX Curs d'AJAX
Web 2.0 aplicacions basades en AJAX amb ASP, ASP.NET i PHP. Descompte -10% fins al 2012.01.06.
Curs de Javascript Curs de Javascript
Guia completa de seqüència del costat del client. Descompte -10% fins al 2012.01.06.
Curs de PHP Curs de PHP
Cicle complet per a la creació de llocs web dinàmics. Descompte 5% fins al 2012.01.06.
Enllaços patrocinats