Отслеживание размеров экрана

21.10.2009, 15:51. **Показов** 6981. **Ответов** 6

Студворк — интернет-сервис помощи студентам

Кто нить сможет подсказать как следить за размером экрана т е как сделать что бы страничка коректно отображалась на разных мониках?
Наверняка есть скрипт или может кто подкинет исходники!
Заранее блогадорю!

@SuicidE · 21.10.2009, 16:48

21.10.2009, 19:18

@sl_play · 21.10.2009, 21:39

Code
1
2
document.body.clientWidth //ширина экрана
document.body.clientHeight //высота экрана

@SuicidE · 22.10.2009, 10:53

2Elik
Засунь все в таблицу и установи ей размеры, которые тебе требуются, а остальным таблицам дай ширину(высоту, если потребуется) в процентном соотношении!
после чего ты сможешь управлть всеми размерами изменяя только размер 1-ой таблицы, в которой все находится!

22.10.2009, 15:13

Допустим имеем скрипт типа того что внизу, как тут правильно внедрить 'Resize script'?
Блогадарю заранее!

<html>

<head>
<title>No title</title>

</head>

<body bgcolor='white' text='black' link='blue' vlink='purple' alink='red'>
<p> </p>
<table border='1' bgcolor='#00CC00'>
<tr>
<td width='750'>
<p> </p>
<p> </p>
<table align='center' cellpadding='0' cellspacing='0' width='661' bgcolor='white'>
<tr>
<td width='651'>
<p> </p>
</td>
</tr>
</table>
<p> </p>
<p> </p>
</td>
</tr>
</table>
<p> </p>
</body>

</html>

@SuicidE · 22.10.2009, 16:38

Зачем тут этот скрипт, если все будет показываться нормально, хотя мне пофигу!

<html>

<head>
<title>No title</title>
<script language = 'JavaScript'>
function resize()
{
resizebletable.style.width = document.body.clientWidth;
}
window.onresize = resize;
</script>
</head>

<body bgcolor='#ffffff' text='black' link='blue' vlink='purple' alink='red' leftmargin='0' topmargin='0' rightmargin='0' bottommargin='0'>
<table border='1' bgcolor='#00CC00' cellpadding='0' cellspacing='0' id='resizebletable'>
<tr>
<td>
<table align='center' cellpadding='0' cellspacing='0' width='100%' bgcolor='white'>
<tr>
<td>[содержимое твоеё странички]<td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>

Если что-то не подходит, поменяй сам, подставь и т.д., главное я показал 'как?'!

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

Elik

	Отслеживание размеров экрана 21.10.2009, 15:51. Показов 6981. Ответов 6 Метки нет (Все метки) Кто нить сможет подсказать как следить за размером экрана т е как сделать что бы страничка коректно отображалась на разных мониках? Наверняка есть скрипт или может кто подкинет исходники! Заранее блогадорю!

@SuicidE 0 / 0 / 1 Регистрация: 10.04.2009 Сообщений: 246
	21.10.2009, 16:48
	<script language = 'JavaScript'> function resize() { window.status = 'Ширина экрана: ' + document.body.clientWidth + 'px'; } window.onresize = resize; </script> 0

Elik
	21.10.2009, 19:18
	<script language = 'JavaScript'> function resize() { window.status = 'Ширина экрана: ' + document.body.clientWidth + 'px'; } window.onresize = resize; </script> А не неужно ли тут проверять статус моника т е размер?Что бы подставить нужную ширину экрана! И допустим если на странице несколько таблиц или элементов нужно ли к каждому из них использовать скрипт Рисайз

@SuicidE 0 / 0 / 1 Регистрация: 10.04.2009 Сообщений: 246
	22.10.2009, 10:53
	2Elik Засунь все в таблицу и установи ей размеры, которые тебе требуются, а остальным таблицам дай ширину(высоту, если потребуется) в процентном соотношении! после чего ты сможешь управлть всеми размерами изменяя только размер 1-ой таблицы, в которой все находится! 0

Elik
	22.10.2009, 15:13
	Допустим имеем скрипт типа того что внизу, как тут правильно внедрить 'Resize script'? Блогадарю заранее! <html> <head> <title>No title</title> </head> <body bgcolor='white' text='black' link='blue' vlink='purple' alink='red'> <p> </p> <table border='1' bgcolor='#00CC00'> <tr> <td width='750'> <p> </p> <p> </p> <table align='center' cellpadding='0' cellspacing='0' width='661' bgcolor='white'> <tr> <td width='651'> <p> </p> </td> </tr> </table> <p> </p> <p> </p> </td> </tr> </table> <p> </p> </body> </html>

@SuicidE 0 / 0 / 1 Регистрация: 10.04.2009 Сообщений: 246
	22.10.2009, 16:38
	Зачем тут этот скрипт, если все будет показываться нормально, хотя мне пофигу! <html> <head> <title>No title</title> <script language = 'JavaScript'> function resize() { resizebletable.style.width = document.body.clientWidth; } window.onresize = resize; </script> </head> <body bgcolor='#ffffff' text='black' link='blue' vlink='purple' alink='red' leftmargin='0' topmargin='0' rightmargin='0' bottommargin='0'> <table border='1' bgcolor='#00CC00' cellpadding='0' cellspacing='0' id='resizebletable'> <tr> <td> <table align='center' cellpadding='0' cellspacing='0' width='100%' bgcolor='white'> <tr> <td>[содержимое твоеё странички]<td> </tr> </table> </td> </tr> </table> </body> </html> Если что-то не подходит, поменяй сам, подставь и т.д., главное я показал 'как?'! 0