使用Javascript"禁用"HTML表格

Question

我最近在很多网站上看到过这种情况,但似乎无法跟踪一个网站.基本上我想在单击按钮时"禁用"整个面板(在HTML表格中的表单中).

通过禁用我的意思是我不希望表中的表单元素可用,我希望表格淡出淡出.

我已经能够通过在桌子上放一个"面纱"来实现这个目标,其中一个绝对定位的div具有白色背景和低不透明度(所以你可以看到它后面的表,但不能点击任何东西,因为div在它前面).这也增加了我想要的褪色效果.然而,当我将面纱的高度设置为100%时,它只会达到我的屏幕大小(不包括滚动),所以如果用户向上或向下滚动,他们会看到面纱的边缘,这并不漂亮.

我假设这通常是以不同的方式完成的.有没有人有一些建议作为更好的方法来实现这一目标？

Answer 1

你可以试试像:

function disable(table_id)
{
    var inputs=document.getElementById(table_id).getElementsByTagName('input');
    for(var i=0; i<inputs.length; ++i)
        inputs[i].disabled=true;
}

Answer 2

难道你不能用 JavaScript 找出该区域的高度（以像素为单位）吗？然后将面纱的高度设置为该数字？

我脑子里没有确切的代码，但 offsetHeight 可能可以解决问题