..


スポンサーリンク

jQueryを使ってアニメーション効果のリストから項目を削除する

によって書かれた記事ホレスMaico
ページ1の2

この記事では、アニメーション効果を持つリスト内の項目の削除を処理するためのjQueryライブラリを使用する方法を説明します。

この簡単なチュートリアルで示した例では、Facebookのプロフィールの掲示板内の項目の削除（でしょ？、素敵な）によって生成される効果に触発されている。

最初、私は、テストデータベースは、このような構造を持つ単一のテーブルで構成されていますを作成することを勧めます。 

 



 （表の記事を作成







 msg_idのINT PRIMARY KEY AUTO_INCREMENT、

 





メッセージのテキスト







 ）;
私たちのテーブル"メッセージ"、あなたが見ることができるとして、それは2つのフィールドで構成されています：msg_idのテキストを含むメッセージとメッセージを識別する、これらはあなたがしたいスクリプトの用途に応じて、複数のフィールドを追加することができます"例。

今私達が私達のデータベースへの接続を設定しようとしているファイルを（我々は他を作成するPHPスクリプト内に含めることで使用する）を作成： 






 <？PHPの







で、$ conn = mysql_connect（"HOST"、"USERNAME""PASSWORD"）または死ぬ（はmysql_error（））;







 mysql_select_db（"DB_NAME"、$ connが）またはダイ（はmysql_error（））;







 ？>
"dbconfig.php"としてファイルを保存します。
現在利用可能な項目、削除するためのボタンを伴うそれぞれのインデックスを（"index.php"を付けて保存します）を作成してみましょう： 





 <HTML>







 <HEAD>







効果Cancelaのフェードアウトと<TITLE>項目</タイトル>







 <link rel="stylesheet" href="stile.css" type="text/css"/>







全トラックsrc="jquery.js"> </ SCRIPT>







全トラックsrc="cancella.js"> </ SCRIPT>







 </ヘッド>







 <BODY>







削除済みアイテムの<H1>のリスト</ H1>







 <ol class="messaggi">







 <？PHPの







 / /データベースに接続する。

 





 （"dbconfig.php"）を含む;









 / /テーブルのMESSAGESに格納されたクエリのメッセージを選択します。

 





 $ SQL ="msg_idでDESCによるメッセージの順序SELECT * FROM";

 







 / /クエリを実行します。

 





 $結果=するmysql_query（$ SQL、$ connが）。

 





中（$行=除いてmysql_fetch_array（$結果））{



  



 $メッセージ= stripslashes（$行["メッセージ"]）;



  



 $ msg_idで= $行['msg_idの'];



  

  



 / /項目の一覧として照会メッセージの結果を表示する。

 

  



 / /ポストの削除の各機能にXを追加。

 

  



 ？>



  



 <LI> <php echoと$メッセージは、？>の<a href ="＃"ID ="<？php echoと$ msg_idで;？>"クラス="delete_button"> X </ A> </ LI>



  



 <？PHPの







 }







 ？>







 </ OL>







 </ BODY>







 </ HTML>
jQueryを使っての方法- - delete関数として既にこのリスト内の各項目に言ったことは私達が関連付ける、関連リンクを（私の例で私はシンプルなXを使用）がある。

同じカテゴリの...
E -ラーニング
ASPゼロ（電子ブック） ASPゼロ（電子ブック）
ゼロから、マイクロソフトのASPとVBScriptを学習。 わずか29€で。
ジャバスクリプト（コース） ジャバスクリプト（コース）
クライアントサイドスクリプトへのガイドを完了します。 39€から。
PHP（コース） PHP（コース）
動的なWebサイトを作成するためのフルコース。 49€から。
スポンサーリンク