“Отключение” HTML-таблицы с JavaScript
Я видел сделанный в большом количестве сайтов недавно, но, может казаться, не разыскиваю тот. По существу я хочу "отключить" всю панель (это находится в форме на HTML-таблице), когда кнопка нажата.
Отключают, я подразумеваю, что не хочу, чтобы элементы формы в таблице были применимы, и я хочу таблицу к виду, постепенно исчезают.
Я смог выполнить это путем помещения "завесы" по таблице с абсолютно расположенным отделением, которое имеет белый фон с низкой непрозрачностью (таким образом, Вы видите таблицу позади нее, но ничего не можете нажать, потому что отделение перед нею). Это также добавляет увядший эффект, который я хочу. Однако, когда я установил высоту завесы к 100%, она только переходит к размеру моего экрана (не включая прокрутку), поэтому если пользователь прокручивает или вниз, они видят край завесы, и это не симпатично.
Я предполагаю, что это обычно делается другим способом. У кого-либо есть некоторые предложения как лучший способ выполнить это?
3 ответа
Разве вы не можете просто узнать высота области в пикселях с JavaScript? А затем установить высоту завесы на это число?
У меня нет точного кода в голове, но offsetHeight может помочь
Кто-нибудь, пожалуйста, поправьте меня, если я ошибаюсь, но я видел Javascript и некоторые производные библиотеки Javascript, у которых есть много возможностей для выполнения того, что вы хотели бы сделать. Я использовал библиотеку jQuery, чтобы сделать некоторые похожие эффекты.
Одна вещь, о которой нужно подумать, - это то, что именно вы пытаетесь отключить. По сути, таблицы не интерактивны, поэтому отключение таблицы ничего не даст. Если это элементы формы в таблице, которые вы хотите отключить. Вы можете сделать это с помощью JavaScript.
Помимо использования JavaScript для отключения элементов формы, вы также можете использовать его для изменения свойств неинтерактивных элементов.
Примером этого может быть использование JavaScript для изменения цвета шрифта и границ, а также других неинтерактивных элементов в таблице, чтобы придать «вид» отключения. Конечно, вам все равно нужно использовать JavaScript, чтобы отключить элементы формы.
Вы можете попробовать javascript, например:
function disable(table_id)
{
var inputs=document.getElementById(table_id).getElementsByTagName('input');
for(var i=0; i<inputs.length; ++i)
inputs[i].disabled=true;
}