Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Таблица с автоматически изменяющимися параметрами


Автор: S. Merde 25.4.2005, 22:18
Как сделать так, чтобы в зависимости от разрешения пользователя подгружалась бы страница с таблицей с соответствующими параметрами? При этом параметры таблицы описываются точными величинами в пикселах.
Какие вообще есть варианты реализации растягивающихся таблиц в зависимости от разрешения пользователя?

Автор: PARROT 26.4.2005, 07:22
Таблицу на 100% делать и будет она растягиваться на тот браузер, в котором ее открыли.
Еще можно растягивать ячейки по середине, или по бокам...
То есть таблицу фиксированную, а между таблицей и контентом справа и слева растягивающиеся ячейки.

Автор: dm9 26.4.2005, 10:43
S. Merde, ИМХО, так делать не стоит.

Это реализовать можно, но только при помощи JavaScript. Достаточно сложно - раз, не работает, если JavaScript отключен - два (хотя, если отключен, можно давать какой-то размер по умолчанию). Плюс ещё минус - ты один раз выведешь таблицу определённой ширины, а потом пользователь изменит ширину окна... Это тоже можно отловить smile Но оно нужно? Не проще ли делать таблицы с шириной 100% (автоподгонка под ширину окна).

Добавлено @ 10:44
PS Если зхочешь сделать при помощи JavaScript - обращайся в соседний раздел smile

Автор: PARROT 26.4.2005, 11:17
Цитата(dm9 @ 26.4.2005, 10:43)
Не проще ли делать таблицы с шириной 100% (автоподгонка под ширину окна).


А я не так сказала?

Автор: S. Merde 26.4.2005, 11:23
Цитата(PARROT @ 26.4.2005, 07:22)
Таблицу на 100% делать и будет она растягиваться на тот браузер, в котором ее открыли.
Еще можно растягивать ячейки по середине, или по бокам...
То есть таблицу фиксированную, а между таблицей и контентом справа и слева растягивающиеся ячейки.

нет, речь идет не о различных браузерах и растяжке под них, а различном разрешении пользовательского монитора. величина в процентах не подойдет, потому как в таком случае графические элементы не изменяются и таблица в результате деформируется. а необходимо добится точного позиционирования.

Автор: dm9 26.4.2005, 13:16
Вот пример таблицы, размер которой пошагово подгоняется под размер браузера, размер её всегда кратен ста. Можешь переделать код под свои цели. Рекомендую спросить также в форуме по JavaScript, оптимально ли написан этот код, и не будет ли он где-то глючить. Я проверил на Опере 7.54, ИЕ 6.0, FireFox 1.0.2 - работает.

Код

<html>
<head>
<script type="text/javascript">
function resize () {
    var w = document.body.clientWidth - 20; //20 - ограничение на паддинги тэга body
    var t = document.getElementById ("my");
    w -= w%100; //Блин, не знаю, как проще обрезать до целого...
    if (w == 0) w = 100;
    //alert ('Table width = ' + w);
    t.style.width = w;
}
</script>
</head>
<body onload="resize()" onresize="resize()" onreload="resize()">
<table width="700" id="my" bgcolor="orange"><tr><td>123</td></tr></table>
</body>
</html>


Добавлено @ 13:18
Цитата(S @ 25.4.2005, 23:18)
Как сделать так, чтобы в зависимости от разрешения пользователя подгружалась бы страница с таблицей с соответствующими параметрами?


Подгружать сложно smile Проще менять размер. Если очень надо именно подгружать - это делается через ИФреймы... Спрашивай в JavaScript - форуме.

Автор: dm9 26.4.2005, 13:32
S. Merde, и посмотри ещё эту тему. Я не знаю, зачем тебе нужно то, о чём ты говоришь, но, возможно, тема эта будет в тему smile

http://forum.vingrad.ru/index.php?showtopic=44227

Автор: S. Merde 26.4.2005, 18:57
ну спасибо! надо переварить слегка.

Автор: S. Merde 27.4.2005, 16:03
В таблицах снизу и сверху картинки по ширине. Можно ли сделать так чтобы и картинки растягивались (сжимались) по той же зависимости? Или это лучше в JavaScript - форуме спрашивать?

Автор: Aliance 27.4.2005, 20:27
Цитата(S @ 27.4.2005, 17:03)
Или это лучше в JavaScript - форуме спрашивать?

да, лучше там.

Автор: dm9 27.4.2005, 20:35
Опять-таки вопрос, почему не устраивает <img width="100%" src="..." />?

Если надо именно пошагово менять размер картинки (то есть её ширину), то можно написать это на JavaScript. Только ты точно уверен, что это надо? smile Может, расскажешь побольше о своей задаче, поищем путь попроще smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)