..


Linki sponsorowane

Usuwanie elementów z listy efekt animacji z jQuery

Artykuł napisany przez Horacego Maico
Strona 1 z 2

W tym artykule opiszę jak korzystać z biblioteki jQuery do zarządzania usuwania pozycji z listy efekt animacji.

Przykład podany w ten prosty tutorial jest inspirowany produkowane w życie po odwołaniu pozycji na tablicy ogłoszeń w profilu Facebook (ładne, prawda?).

Po pierwsze, zapraszam do utworzenia testowej bazy danych składa się z jednej tabeli następującą strukturę: 

 



 Tworzenia wiadomości TABLE (







 msg_id INT AUTO_INCREMENT PRIMARY KEY,

 





 SMS







 );
Nasza tabela "wiadomości", jak widać, składa się z dwóch pól: msg_id która pozwala na identyfikację wiadomości i wiadomość, że zawiera tekst, możesz dodać dodatkowe pola, w zależności od wykorzystania skryptu, który chcesz zrobić " przykład.

Teraz należy utworzyć plik (które będziemy używać w integracji w ramach innych skrypt PHP, który utworzy), gdzie mamy zamiar ustawić połączenie do naszej bazy danych: 






 <Php







 $ Conn = mysql_connect ("host", "username", "Hasło") or die (mysql_error ());







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







 ?>
Zapisz plik jako "dbconfig.php".
Teraz utworzyć indeks (które zapisać jako "index.php") dostępnych elementów, zawierające przycisk do kasowania: 





 <html>







 <head>







 Cancela pozycji <title> z FadeOut efekt </ 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> Lista usuniętych elementów </ h1>







 <ol class="messaggi">







 <Php







 / / Łączenie z bazą danych.

 





 include ("dbconfig.php");









 / / Wybierz Query wiadomości zapisanych w tabeli wiadomości.

 





 $ Sql ​​= "select * from aby wiadomości msg_id desc";

 







 / / Wykonanie zapytania.

 





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

 





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



  



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



  



 $ Msg_id = $ row ['msg_id'];



  

  



 / / Wyświetl komunikat o wyniku zapytania w postaci listy elementów.

 

  



 / / Dodaj do każdego X o czytelnej funkcji wiadomości.

 

  



 ?>



  



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



  



 <Php







 }







 ?>







 </ Ol>







 </ Body>







 </ Html>
Jak wspomniano na tej liście każdy element jest związany z linkiem (w moim przykładzie użyłem prostego X), do której wiąże się - poprzez metody jQuery - funkcja usunąć.

W tej samej kategorii ...
E-Learning
ASP Zero (Ebook) ASP Zero (Ebook)
Microsoft ASP i VBScript nauczyć się od podstaw. W zaledwie 29 €.
JavaScript (kurs) JavaScript (kurs)
Kompletny przewodnik po stronie klienta skryptów. Począwszy od 39 €.
PHP (Kurs) PHP (Kurs)
Pełny kurs tworzenia dynamicznych stron internetowych. Począwszy od 49 €.
Linki sponsorowane