Javascript для изменения размера таблицы и div внутри

Question

Javascript для изменения размера таблицы и div внутри

0

У меня есть таблица и div. Я должен изменить размер как при загрузке, так и при изменении размера окна.

Эти функции Javascript (resizeTable и resizeDiv) работают, если вызываются отдельно, но resizeDiv не работает, если вызвано после resizeTable из autoResize.

<script>

function autoResize()
{
    var windowSize = document.documentElement.clientHeight;
    var tableHeight = windowSize * 0.9+'px';
    var rowHeight = (windowSize * 0.9 - 99 - 50)+ "px";
    resizeTable(tableHeight);
    resizeDiv(rowHeight);
}

function resizeTable(tableHeight)
{
    document.getElementById("mainTable") = tableHeight;
}

function resizeDiv(rowHeight)
{
    document.getElementById("cellLogin").style.height = rowHeight;
}

</script>

HSaias 04 март 2014, в 05:17

Источник

0

каков ваш ожидаемый результат? если я не ошибаюсь, вы можете легко установить width=90% и height=90% для вашего стола.
Tun Zarni Kyaw 04 март 2014, в 03:29
0

Я изменяю размер с помощью JS, потому что определения высоты = "90%" для таблицы не отображаются должным образом во всех браузерах ... Итак, я вынужден принудительно изменять размер таблицы в реальном времени.
HSaias 04 март 2014, в 10:24

Теги:

javascript

html

resize

1 ответ

Ещё вопросы

каков ваш ожидаемый результат? если я не ошибаюсь, вы можете легко установить width=90% и height=90% для вашего стола.
Я изменяю размер с помощью JS, потому что определения высоты = "90%" для таблицы не отображаются должным образом во всех браузерах ... Итак, я вынужден принудительно изменять размер таблицы в реальном времени.

Serlite · Accepted Answer · 2014-03-04T00-41-00.000Z

Ну, я думаю, вы ошибаетесь в своем коде. Линия:

document.getElementById("mainTable") = tableHeight;

Должно быть:

document.getElementById("mainTable").style.height = tableHeight;

Здесь JSFiddle с фиксированным кодом, кажется, дает вам то, что вам нужно. Дайте знать, если у вас появятся вопросы!

Спасибо. Определенно моя ошибка. Теперь это работает.
Большой! Не забывайте, что если этот ответ решил вашу проблему, рекомендуется пометить его как выбранный ответ (щелкните контур галочки слева)!