TableEditor]テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。1.サンプル以下のリンク先にサンプルを用意しました。jQuery.TableEditorプラグインの動作を確認できます。サンプル「編集」をクリックすれば、テーブルのセルがテキストフィールドに切り替わります。「保存」をクリックすれば、テキストフィールドに入力した値がテーブルに表示されます。入力した値は保存時に起動する関数を利用してデータベースやファイルに保存できます。2.プラグインのダウンロードTableEditorのページから「tableEditor」と「tableSorter」をダウンロードします。TableEditor3.jquery.tableEditor.jsの修正ダウンロードしたjquery.tableEditor.jsはjQueryの最新バージョン(2011年11月現在では1.7.1)では正常に動作しないため、以下の2ヶ所を修正します。...後略...4.設定テーブルを編集できるようにするには、JavaScriptを次のように設定します。called');}</script>指定したtable要素のエレメントに対してtableEditor()を実行します。});tableEditor()の主なパラメータの意味は次の通りです。編集時の保存用のリンクテキストFUNC_PRE_EDIT:編集前に起動する関数名を指定FUNC_POST_EDIT:編集開始後に起動する関数名を指定FUNC_PRE_SAVE:保存前に起動する関数名を指定FUNC_UPDATE:保存後に起動する関数名を指定table要素は次のように設定します。</tbody></table>tableのid属性にはtableEditor()を実行するエレメントを設定します。左側のtd要素に、次のリンクを設定します。class="tsEditLink">(編集)</a></td>~</tr>class属性値に「tsEditLink」を設定します。この属性値はtableEditor()のオプションに「EVENT_LINK_SELECTOR」を設定することで変更できます。サンプルのように編集リンク部分にkey要素を指定すれば、編集用リンクと併せて値を設定することができるようです。class="tsEditLink">(編集)</a></td>~</tr>5.テーブルに入力した値の取得テーブルに入力した値を取得には、保存時に起動する関数を使って次のように記述します。dataの値をデータベースやファイルに保存}配列o.rowのインデックスはテーブルの列を指定します。左の列(td要素)の内容がインデックス「0」に保存されています。保存時にデータベースやファイルにアクセスすれば、変更した値を保存させることができます。他にもソートや行追加などの機能がありますが、これらについては別途エントリーします。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。