..


Sponsorētās saites

Dzēst vienumus no saraksta animācijas efektu ar jQuery

Raksts raksta Horace Maico
Lapa 1 no 2

Šajā rakstā es paskaidrot, kā izmantot JQuery bibliotēku rīkoties atcelšanu posteņu sarakstu animācijas efektu.

Sniegtajā piemērā tas vienkārša pamācība ir aizgūta efektu, pēc dzēšanu posteņu dēļa par Facebook profilu (jauki, vai ne?).

Pirmkārt, es aicinu jūs, lai izveidotu testa datu bāze sastāv no vienas tabulas strukturēta šādi: 

 



 CREATE TABLE amati (







 msg_id INT PRIMARY KEY auto_increment,

 





 Ziņojuma teksts







 );
Mūsu galda "ziņas", kā jūs varat redzēt, tas veido tikai divi lauki: msg_id kas noteiks ziņojumu un ziņojumu, kurā ir teksts, tās var pievienot papildu laukus, atkarībā no lietošanas skriptu, ko vēlaties darīt " piemērs.

Tagad izveidot failu (ko mēs izmantos iekļaušanu PHP skripts, kas radīs citas), kur mēs ejam, lai uzstādītu savienojumu ar mūsu datu bāzē: 






 <? Php







 $ Conn = mysql_connect ("host", "Lietotājvārds" "parole") vai die (mysql_error ());







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







 ?>
Saglabāt failu kā "dbconfig.php".
Tagad pieņemsim izveidot indeksu (kas save as "index.php") par pieejamos vienumus, kuriem visiem ir pievienots ar pogu dzēšanai: 





 <html>







 <head>







 <title> priekšmetus, sākot 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> saraksts izdzēstos vienumus </ h1>







 <ol class="messaggi">







 <? Php







 / / Savienojuma izveide ar datu bāzi.

 





 ietver ("dbconfig.php");









 / / Select vaicājums ziņas glabājas tabulā ziņojumus.

 





 $ Sql ​​= "select * from ziņas secībā msg_id DESC";

 







 / / Execute vaicājumu.

 





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

 





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



  



 $ Message = stripslashes ($ row ["paziņojums"]);



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Redzami rezultāti no vaicājuma ziņojumiem, kā posteņu sarakstu.

 

  



 / / Pievienot X katrai funkcijai dzēšanas post.

 

  



 ?>



  



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



  



 <? Php







 }







 ?>







 </ Ol>







 </ Body>







 </ Html>
Kā jau teica, lai katru šajā sarakstā ir saistītas saites (manā piemērā es izmantoju vienkāršu X) mēs saistām - metode, izmantojot jQuery - dzēst funkciju.

Šajā pašā kategorijā ...
E-Learning
ASP Zero (Ebook) ASP Zero (Ebook)
Mācības Microsoft ASP un VBScript no nulles. Pie 29 tikai €.
Javascript (Kurss) Javascript (Kurss)
Pilnīga rokasgrāmata, lai klienta puses skriptu. Sākot no € 39.
PHP (Kurss) PHP (Kurss)
Pilns kurss, lai radītu dinamisku tīmekļa vietnes. Sākot no 49 €.
Sponsorētās saites