1

我的网站中有一个部分，用户可以在其中输入问题的答案。例如，问题指出：

我看过最多的电影：答案：婚礼破坏者

我在问题旁边有一个编辑按钮。当用户单击编辑按钮时，我希望网站在与原始答案框相同的位置打开一个带有婚礼破坏者的文本框。用户可以编辑答案并将其更改为另一部电影。文本框下方应该有一个保存和取消按钮。一旦用户将答案从《Wedding Crashers》更改为另一部电影并单击“保存”，文本框就会消失，新的答案会显示在网站上。现在我只希望能够编辑硬涂层的 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 年......

您是否考虑过使用在悬停/聚焦时显示为可编辑的纯文本输入（具有适当的样式、无边框等）？您仍然需要一些 javascript 来在输入时发送请求（AJAX 以获得更好的 UX 或禁用 js 时的正常 POST）并从字段中移除焦点。我在工作中就是这样做的。它真的很好用。

于 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 回答