1

Web サイトに、ユーザーが質問に対する回答を入力できるセクションがあります。たとえば、質問には次のように記載されています。

私が最も多く見た映画: Answer: Wedding Crashers

質問の横に編集ボタンがあります。ユーザーが編集ボタンをクリックすると、元の回答ボックスと同じ場所にウェディング クラッシャーを含むテキスト ボックスが Web サイトで開かれます。ユーザーは回答を編集して、別のムービーに変更できます。テキストボックスの下に保存およびキャンセルボタンがあるはずです。ユーザーが答えを Wedding Crashers から別のムービーに変更して [保存] をクリックすると、テキスト ボックスが消え、新しい答えが Web サイトに表示されます。今のところ、ハード コーティングされた HTML コンテンツのみを編集できるようにしたいと考えています。後でデータベースに接続し、クエリを入力して、ユーザーの回答に従ってユーザー データベースを更新します。javascript と display:block と display:hide の CSS プロパティに関係があると思います。誰でも助けることができますか？

4

4 に答える 4

2

Railsに関連する他の質問を見て、次のようなその場で編集するソリューションを使用できます

https://github.com/bernat/best_in_place

それはあなたが必要とするものですか？

于 2012-12-25T07:02:12.873 に答える
1

うわあ！編集ボタンをクリックすると、1999 年のように聞こえます...

ホバー/フォーカス時に編集可能として表示されるプレーンテキスト入力 (適切なスタイル、境界線なしなど) を使用することを検討しましたか? 入力時にリクエストを送信し (より良い UX のための AJAX または js が無効になっている場合は通常の POST)、フィールドからフォーカスを削除するには、まだ少しの JavaScript が必要です。仕事ではこのようにしています。それは本当にうまくいきます。

于 2012-11-29T09:20:35.607 に答える
0

次のようなものを使用できます。

document.getElementById('someid').innerHTML = 'Fred Flinstone';

CSS プロパティを変更する場合:

document.getElementById('someid').style.borderWidth = '4px';
于 2012-11-29T08:36:17.387 に答える
0

テキストボックスは絶対に必要ですか？

HTML5 の驚異 ( http://html5demos.com/contenteditable ) は、それをサポートするブラウザーで使用できます。

于 2012-11-29T08:36:18.227 に答える