[B! InPlaceEditor] kitokitokiのブックマーク

activeadmin cool tweaks

tweak 1: Make some column quick-editable on the index list page Ok… so I want to be quickly able to edit few names, here on the same list page, something like below Thats simply great! Now it makes me quickly update any name there itself on the list page, <enter> will make it, <escape> will ignore it, and <tab> will move to the next one. awesome. And to make it work I just need to have one line of

kitokitoki 2013/10/23

リンク

ASCIIcasts - “Episode 296 - Mercury Editor”

296: Mercury Editor (view original Railscast) Other translations: Written by Naomi Fujimoto MercuryはJeremy Jacksonによるプロジェクトで、HTMLページの一部をブラウザで直接編集できるようにするものです。実際に動作する様子を確認するために、プロジェクトのホームページの「Test it Out」をクリックします。するとページ上部にツールバーが追加され、ページの一部分がハイライトされます。この部分を直接編集し変更点をサーバに保存することができます。今回のエピソードではRailsアプリケーションにMercuryを追加します。下の画面は簡単なコンテンツ管理システムの1ページです。このアプリケーションにはPageモデルがあり、3件のページレコードがそれぞれ名称と内容を持っています。今

kitokitoki 2013/04/18

リンク

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.

kitokitoki 2012/11/26

リンク

Code Snippet: jQuery Edit In Place · OfBrooklyn.com

kitokitoki 2012/11/20

InPlaceEditor

リンク

#302 In-Place Editing - RailsCasts

このような独立した編集ページを使う代わりに、ユーザがプロファイルページ上でフィールドをクリックしたら直接その場所で編集できるようにしたいと思います。クリックによってフィールドが編集可能に変わり、Enterキーを押すかTabでフィールドを移動したら変更をデータベースに保存します。 Best In Place アプリケーションにインライン編集機能を追加するためのRailsプラグインはいくつかあり、The Ruby Toolboxにそれらをまとめたリストがあります。いずれも一見の価値がありますが、今回はBest In Placeを使用します。Best In Placeは、Rest in Placeという別のプロジェクトのフォークですが、これを使う意味はbest_in_placeヘルパーメソッドにあります。これによってRailsアプリケーションに、その場で編集できるフィールドを簡単に追加できるよう

kitokitoki 2012/10/13

リンク

#302 In-Place Editing - RailsCasts

Edit an attribute in-place without leaving a page using the Best In Place gem. Learn how to add validations and support for various field types.

kitokitoki 2012/08/17

リンク

5509.me

This domain may be for sale!

kitokitoki 2012/02/23

リンク

(その場で編集するUI) の実装方法を考えてみた - Cyokodog :: Diary

画面上の変更したいデータや文章をクリックすると、画面遷移をせずその部分のみが編集可能状態になるユーザインターフェースのことを Edit-In-Place あるいは In-Place-Editor と呼ぶそうです。 jQueryでEdit-In-Place（その場編集）を実現するためのプラグイン＆チュートリアルいろいろ - IDEA*IDEA inplace edit で始める DOM スクリプティング - 脱エンタープライズ志向今回は jQuery による In-Place-Editor の実装方法について考えてみます。 In-Place-Editor の効果的な使い方登録文書を承認ワークフローでまわすようなシステムの場合、同一文書に対し複数ユーザが修正や加筆をするというケースがよくあります。その際起こる問題として「データ編集中に他者に更新を先越され、登録処理で排他エラーになってしまっ