可见性：在 javascript 中折叠答案

【问题标题】：visibility:collapse in javascript可见性：在 javascript 中折叠
【发布时间】：2010-10-25 12:54:05
【问题描述】：

我在应用程序中使用 Ultrawebgrid：

当用户单击特定行时，我正在使用 textarea 在行模板中列出我的应用程序中的错误...

所以我需要 texarea 当有任何错误时.....否则当没有错误时我什至没有想让row_template弹出.....我用的是IE6。

我正在检查使用 javascript 是否有任何错误。所以我不得不使用 javascript 事件处理程序:: UltraWebGrid1_BeforeRowTemplateOpenHandler(gridName, rowId, templateId)

我在哪里写下面给出的语句： document.getElementById("TextArea2").style.visibility="collapse" 在上面的事件函数里面

1) 它显示 javascript 错误为 “无法获取可见性属性：无效参数” 但是行模板没有弹出.......只有错误来了....

2) 在没有错误的情况下，是否有任何代码可以阻止行模板。？？我的意思是没有弹出窗口没有错误

解决办法是什么？？？

【问题讨论】：

当您说希望它不可见时，您希望它仍然占用布局空间还是让页面折叠？如果是前者，那么 Greg 有正确的答案，如果后者，那么 tvanfosson 有。
有人能回复这个吗？？？？这非常紧急。对于涉及“Ultrawebgrid”作为标签之一的问题，我没有任何答复。！！！

标签： javascript ultrawebgrid

【解决方案1】：

对 .style.visibility 属性使用可见和隐藏，而不是阻止和隐藏。它有效。

【讨论】：

【解决方案2】：

你想要：

document.getElementById("TextArea2").style.visibility = "hidden";

"collapse" 不是 IE6 中可见性属性的有效值，如您的错误消息所示。

或者按照@tvanoffsen 的建议，您可以将显示属性设置为“无”。这有一个稍微不同的效果 - 如果设置为 "display: none"，它不会占用任何空间，而设置 "visibility: hidden" 仍然会占用空间。

【讨论】：

@Greg -- 我期待下一个问题 -- 我如何摆脱 textarea 所在的空白区域？ :-)
Collapse 是一个有效值 (w3.org/TR/CSS2/visufx.html#visibility)，但（它会出现）在 IE6 中不受支持。

【解决方案3】：

显示

使用显示而不是可见性。这不会占用您文档中的空间。

document.getElementById("TextArea2").style.display = 'none';    // Turn off    
document.getElementById("TextArea2").style.display = 'inline';  // Turn on

可见度

document.getElementById("TextArea2").style.visibility="hidden";    // Turn off
document.getElementById("TextArea2").style.visibility="visible";    // Turn on

通过使用上面的代码 textarea 将不可见，但您的文档中会有空白空间具有 textarea 的高度和宽度。

只有 Internet Explorer 8 支持“折叠”值

【讨论】：

【解决方案4】：

尝试使用：

document.getElementById("TextArea2").style.display = 'none';

和（再次打开）

document.getElementById("TextArea2").style.display = 'block'; // or 'inline'

【讨论】：

Textarea 是一个内联元素。所以不需要使用显示块。
如果我显示错误消息，我不希望它内联显示。当然，我可能也会在 DIV 或 SPAN 中显示它们。
我会通过修改类来分离 CSS 和 JS 关注点，但由于上述原因，我会选择使用块