0

我们有一个目录，我们希望在可用性和编码方面进行现代化改造。我们整合了许多非常酷的元素，但我们想要使用的一个元素是您可以在 Google+ 上编辑您的个人资料的方式。

我们怎样才能创造出类似的东西？

例如，当页面处于编辑状态时，我们希望包含以下内容：

  1. 当每个子部分悬停时，我们希望整个框改变颜色。因此，很明显您正在编辑该部分。
  2. 单击该框时，我们希望文本可以通过保存和取消选项进行编辑。
  3. 用户满意后，单击完成以保存页面上的整体更改。

如何才能做到这一点？需要什么编码语言？

4

2 回答 2

1

使用'scriptaculous ajax 框架'。它完全一样..我已经测试过它并且效果很好......

它称为就地编辑器。它的单线和多线..

在此处获取代码http://madrobby.github.com/scriptaculous/ajax-inplaceeditor/

于 2011-07-20T12:59:33.043 回答
1

当每个子部分悬停时，我们希望整个框改变颜色。因此，很明显您正在编辑该部分。

在 HTML/CSS 中使用:hover伪类：http: //jsfiddle.net/sc26u/

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

单击该框时，我们希望文本可以通过保存和取消选项进行编辑。

用户满意后，单击完成以保存页面上的整体更改。

JavaScript 操作内容，AJAX 保存

于 2011-07-19T14:01:42.560 回答