2013-03-27 29 views
1

我之前发布过,并通过javascript获得了有关隐藏/显示文本的很好的见解...现在我需要更进一步。无法找到正确的组合以使其正常工作。使用Javascript切换/格式化

这是我NEED

  1. 当观众来到这个页面,第一隐藏/显示元素显示在文本框和
  2. 这个元素也强调某一种颜色来显示它是活动的。
  3. 最后,当每个隐藏/显示元素被点击时,该元素将保持高亮状态,直到选中下一个元素。

这里是我的开发网站的链接。我认为这样更容易。

http://verus.exigodigital.com/services/

这里是我以前的帖子上隐藏/显示文本: Showing & Hiding Text with Javascript

真正体会到了帮助,伙计们! :)

+0

到目前为止,您尝试了什么? – CBroe 2013-03-27 15:47:09

回答

0

您可以创建2个CSS定义,一个用于当前选定的文本框,一个用于未选择的文本框
当某人点击其中一个文本框以编辑其内容(onfocus事件)时,您只需调用一个贯穿所有文本框的函数,并为每个文本框检查它是否具有焦点 - 如果是,请将该元素的className变量设置为“selected”或其他内容,并且它不是具有焦点的那个然后将它的className变量设置为“正常”或其他东西
如果我不明白这个问题或者您需要更多信息,请让我知道:)

+0

它不是'文本框'查看器不能编辑任何东西。它不是一种输入形式。只需切换信息以供他们查看...... – kaitsie22 2013-03-27 20:51:34

+0

在这种情况下,您可以在同一位置创建2个div元素,1个可见和1个隐藏,并且在点击时切换哪个隐藏,哪个隐藏。 – 2013-03-28 08:31:52

+0

If这个答案帮助你,然后请标记为接受:) – 2013-08-03 14:58:06