..


Sponsoroidut linkit

Kohteiden poistaminen luettelosta animaatiotehosteen kanssa jQuery

Artikkelin kirjoittanut Horace Maico
Sivu 1 2

Tässä artikkelissa aion selittää miten käyttää jQuery kirjastoa hoitaa poistaminen luettelon kohteiden kanssa animaatiotehosteen.

Esimerkkinä tässä yksinkertaisessa opetusohjelma innoittamana vaikutuksen jälkeen kun poistetaan kohteita Bulletin Board on Facebook-profiili (kiva, eikö?).

Ensinnäkin, kehotan teitä luoda testi tietokanta sisältää yhden pöydän jäsennelty näin: 

 



 CREATE TABLE viestiä (







 msg_id INT perusavain AUTO_INCREMENT,

 





 Message Text







 );
Meidän pöytä "viestit", kuten näette, se koostuu vain kaksi kenttää: msg_id joka tunnistaa viestin ja sanoman, joka sisältää tekstin, nämä voivat lisätä kenttiä, riippuen käytöstä script haluat tehdä " Esimerkiksi.

Nyt luoda tiedoston (jota aiomme käyttää sisällyttäminen PHP skripti, joka luo muille) minne olemme menossa asettaa yhteys tietokantaan: 






 <? Php







 $ Conn = mysql_connect ("host", "käyttäjänimi" "salasana") or die (mysql_error ());







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







 ?>
Tallenna tiedosto nimellä "dbconfig.php".
Nyt luoda indeksin (joka tallenna nimellä "index.php") käytettävissä olevien kohteiden ja jokaisen painiketta poistaminen: 





 <html>







 <head>







 <title> kohteita vaikutus Cancela Loppuhäivytyksen </ 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> Luettelo poistetut kohteet </ h1>







 <ol class="messaggi">







 <? Php







 / / Kytkeminen tietokantaan.

 





 include ("dbconfig.php");









 / / Valitse kysely viestit tallennetaan taulukkoon VIESTIT.

 





 $ Sql ​​= "select * from viestit Järjestä msg_id DESC";

 







 / / Suorittaa kyselyn.

 





 $ Tulos = mysql_query ($ sql, $ yht);

 





 while ($ rivi = mysql_fetch_array ($ tulos)) {



  



 $ MESSAGE = stripslashes ($ rivi ["viesti"]);



  



 $ Msg_id = $ rivi ['msg_id'];



  

  



 / / Tuotteet Kyselyn tulos viestien luettelo kohteista.

 

  



 / / Lisää X kunkin tehtävän poistamisen jälkeen.

 

  



 ?>



  



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



  



 <? Php







 }







 ?>







 </ Ol>







 </ Body>







 </ HTML>
Kuten jo sanoin jokaisen tämän luettelon on liittynyt linkki (minun esimerkissä käytin yksinkertainen X) liitämme - tapa käyttää jQuery - poistotoiminto.

Samassa luokassa ...
E-Learning
ASP Zero (Ebook) ASP Zero (Ebook)
Learning Microsoft ASP-ja VBScript tyhjästä. Vain 29 €.
Javascript (kurssi) Javascript (kurssi)
Täydellinen opas client-side scripting. Alkaen 39 €.
PHP (kurssi) PHP (kurssi)
Täysi tietenkin luoda dynaamisia Web-sivustoja. Alkaen 49 €.
Sponsoroidut linkit