- 2009-06-08 (Mon) 11:58
- jQuery関連
ちょっと調べ物をしたのでシェア。jQueryを使ってその場編集(Flickrとかで実装されているやつ)を実現するためのプラグイン&チュートリアルです。
- jQuery Edit In Place (JEIP) || Joseph Scott
- Jeditable – Edit In Place Plugin For jQuery
- jquery-in-place-editor – Google Code
- Tutorials:Edit in Place with Ajax – jQuery JavaScript Library

プラグインですな。テキスト入力だけじゃなくて、selectなんかも使えます。オプションが充実していて使いでがあります。

これも。デモもあります。こちらもかなり複雑なこともできますね。

もう一つ。これはパラメータの書き方が簡単かつシンプルなのでわかりやすいですな。Google Codeにあるからなんか安心、と思っちゃうのは間違いかなw?。
jQuery公式サイトでのチュートリアル。スクラッチで作りたいならここが一番かな。
プラグインは便利ですが、ちょっと凝ったことをやろうとするとやっぱりスクラッチかなぁ・・・という感じになっちゃいますね。勉強も兼ねて一から作るか・・・。
Comments:0
Trackbacks:2
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2009/06/jquery_edit_in_place.html/trackback
- Listed below are links to weblogs that reference
- jQueryでEdit-In-Place(その場編集)を実現するためのプラグイン&チュートリアルいろいろ from IDEA*IDEA ~ 百式管理人のライフハックブログ
- trackback from NiceCabbage Blog 09-06-10 (Wed) 19:06
-
jquery-in-place-editor Keeping-NewLine version.
Problem
I am using jquery-in-place-editor plugin. Most of all, this plugin works nice. Except one point.
Newlines(\n) are always ignored even if I use the ‘textarea’ input.Solution
Here is the new version of jquery-in-place-editor plug…
- trackback from 八角研究所 10-02-21 (Sun) 22:26
-
jQuery の In Place Editor プラグイン作ってみた
In Place Editor ライブラリをひとつ jQuery プラグインとして公開してみました。
xfanIpe jQuery plugin
この記事を参考にいくつか既存のライブラリをいじってみたのですが、とにかくいろいろなタ…


























