0

使いやすさとコーディングの観点から最新化したいディレクトリがあります。非常に優れた要素がたくさん組み込まれていますが、使用したい要素の1つは、Google+でプロフィールを編集する方法です。

どうすれば似たようなものを作成できますか？

たとえば、ページが編集状態にあるときに、次のものを含めます。

  1. 各サブセクションにカーソルを合わせると、ボックス全体の色が変わります。したがって、セクションの編集は明確です。
  2. ボックスをクリックすると、保存とキャンセルのオプションを使用してテキストを編集できるようになります。
  3. ユーザーが満足したら、[完了]をクリックして、ページ全体の変更を保存します。

これはどのように行うことができますか？どのようなコーディング言語が必要ですか？

4

2 に答える 2

1

各サブセクションにカーソルを合わせると、ボックス全体の色が変わります。したがって、セクションの編集は明確です。

:hover疑似クラスを使用するHTML/CSSの場合：http： //jsfiddle.net/sc26u/

.profileSection:hover { background: #333; color: #fff }

ボックスをクリックすると、保存とキャンセルのオプションを使用してテキストを編集できるようになります。

ユーザーが満足したら、[完了]をクリックして、ページ全体の変更を保存します。

コンテンツを操作するためのJavaScript、保存するためのAJAX

于 2011-07-19T14:01:42.560 に答える
1

'scriptaculousajaxフレームワーク'を使用します。それはまったく同じことをします..私はそれをテストしました、そしてそれは素晴らしい働きをします...

その呼ばれるインプレースエディタ。その単一行と複数行。

ここでコードを取得しますhttp://madrobby.github.com/scriptaculous/ajax-inplaceeditor/

于 2011-07-20T12:59:33.043 に答える