GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ。

*

jQueryを使ってテーブルのセルをクリックしたときに編集できるようにする(Edit in Place)

     - jQuery

はてなブックマーク - jQueryを使ってテーブルのセルをクリックしたときに編集できるようにする(Edit in Place)
Pocket

画面遷移を行わずに、その場でDOM要素を編集できる機能を「inplace editor」とか言うらしいです。
プラグインを使う方が簡単なのですが、作りたいものに合わせてカスタマイズするのが思うようにいかなかったので、自分で書いてみました。

pタグやhタグなど、table以外の要素にも編集機能を付けられます。

サンプル

はてなブックマーク - jQueryを使ってテーブルのセルをクリックしたときに編集できるようにする(Edit in Place)
Pocket

 - jQuery

  関連記事

【tipsy】シンプルでカッコいいツールチップを表示するjQueryプラグイン

tipsy – Facebook-style tooltip plu …

[FullCalendar] イベント(予定)の修正と削除

なんだかんだで仕事が忙しいので…手抜き更新。 FullCalendarで登録した …

[FullCalendar] 祝日イベントのリンクを削除

「日本の祝日」をGoogleから取り込んだ場合、祝日のイベントに自動的にGoog …

[FullCalendar]たった2行の追加でFullCalendarをiPad対応にするスクリプト

jquery.ui.touch FullCalendarをiPad等のタッチ操作 …

no image
JQuery Moble で Google Map を使うとサイズ指定がちょっとメンドクサイ。

※追記 jQuery MobileでGoogleMap APIを使ったサンプルが …

no image
【Waypoints】特定のHTML要素にスクロールイベントを設置するjQueryプラグイン

ちょうど、スクロールイベントを制御するシンプルなライブラリを探していて見つけたプ …

addrajax & ajaxzip2
ADDRAjaxとAjaxZip2を組み合わせて使う。

都道府県名→市区町村名→町域とドリルダウンで住所を検索し、セレクトボックスに反映 …

[DataTables] sAjaxSourceで読み込んだデータの値を加工したい。

テーブルにソート機能や、フィルタリング機能を付けたいときに、とても便利なjQue …

FullCalendar のカスタマイズ

カレンダーを作成するのに便利なjQueryのプラグイン「FullCalendar …

[DataTables] テキストボックスを敷き詰めたテーブルで、フォーカスのあたっているセルの位置を取得したい。

昨日に引き続き、テーブルにソート機能や、フィルタリング機能を付けたいときに、とて …