ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина содержимого окна, проблема с DOCTYPE
5 сообщений из 5, страница 1 из 1
Ширина содержимого окна, проблема с DOCTYPE
    #35776156
Vargant
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vargant
Гость
Добрый день!

Мне необходимо определить ширину содержимого окна, чтобы динамически изменять размеры, использую следующий способ
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>XXX</title>
	</head>
	<body style="margin: 0;" onload="alert(getContentWidth().height + 'x' + getContentWidth().width);">
	<script>
	function getContentWidth()
	{
		var neededHeight, neededWidth;
		
		/* Необходимая ширина экрана */
		/* IE */
		if ( typeof document.body.scrollHeight != 'undefined' )
		{
			neededHeight = document.body.scrollHeight;
			neededWidth = document.body.scrollWidth;
		}
		/* FF */
		else if ( typeof window.getComputedStyle != 'undefined' )
		{	
			document.body.style.border = '1px solid transparent';
			var style = window.getComputedStyle( document.body, null );
			
			// +  2  => http://www.w3.org/TR/REC-CSS2/box.html#collapsing-margins
			neededHeight = parseInt( style.height ) + parseInt( style.marginTop ) + parseInt( style.marginBottom ) +  2 ;
			neededWidth = parseInt( style.width ) + parseInt( style.marginLeft ) + parseInt( style.marginRight ) +  2 ;
		}
		
		return { width: neededWidth, height: neededHeight };
	}
	
	
	</script>
	<div style="width: 500px; height: 100px; background-color: red;">
		a <input type="text" style="width: 400px">
	</div>
	</body>
</html>
Сворачиваю окно примерно в 50х50 пикселей, IE показывает верный ответ 100x500, т.к. в примере у нас указана ширина блока div 500, высота 100 соответственно.
FF выадет 100x50, т.е. он не определяет необходимую ширину, а возвращает текущий размер внутренней области окна ...

Самое интересно, если убрать DOCTYPE, то FF ширину определяет верно, но начинаются пробелемы с высотой, да и указывать DOCTYPE обязательно, тут вариантов нет.

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

Заранее очень благодарен за любые подсказки!!!
...
Рейтинг: 0 / 0
25.01.2009, 17:59
| Ответить | Цитировать | Написать  
Ширина содержимого окна, проблема с DOCTYPE
    #35776169
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Может просто помешать все содержимое боди в див, а потом глядеть какие его размеры?
...
Рейтинг: 0 / 0
25.01.2009, 18:09
| Ответить | Цитировать | Написать  
Ширина содержимого окна, проблема с DOCTYPE
    #35776178
Vargant
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vargant
Гость
РенатМожет просто помешать все содержимое боди в див, а потом глядеть какие его размеры?
я думал об этом, но неужели все-так плохо до сих пор, что нет единого решения ...
...
Рейтинг: 0 / 0
25.01.2009, 18:18
| Ответить | Цитировать | Написать  
Ширина содержимого окна, проблема с DOCTYPE
    #35776498
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
в FF будет выполняться условие, указанное в if, а не в else if (FF 2+). А где будет выполняться условие из else if (а именно - где не определено document.body.scrollHeight) - я не знаю. quirksmode.org тоже не знает. Имхо можно стереть.

document.body.scrollWidth и document.body.scrollHeight - это для режима совместимости BackCompat, а у тебя согласно doctype режим CSS1Compat, поэтому должно по идее работать document.documentElement.scrollWidth и document.documentElement.scrollHeight (по идее - это потому, что в опере раньше не работало ни то, ни другое, сейчас не знаю как дела обстоят). Если doctype неизвестен заранее, то можно определить режим из document.compatMode.
...
Рейтинг: 0 / 0
26.01.2009, 01:27
| Ответить | Цитировать | Написать  
Ширина содержимого окна, проблема с DOCTYPE
    #35777199
Фотография Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Black
Участник
illionв FF будет выполняться условие, указанное в if, а не в else if (FF 2+). А где будет выполняться условие из else if (а именно - где не определено document.body.scrollHeight) - я не знаю. quirksmode.org тоже не знает. Имхо можно стереть.

document.body.scrollWidth и document.body.scrollHeight - это для режима совместимости BackCompat, а у тебя согласно doctype режим CSS1Compat, поэтому должно по идее работать document.documentElement.scrollWidth и document.documentElement.scrollHeight (по идее - это потому, что в опере раньше не работало ни то, ни другое, сейчас не знаю как дела обстоят). Если doctype неизвестен заранее, то можно определить режим из document.compatMode.
Спасибо за помощь и подробный комментарий!
...
Рейтинг: 0 / 0
26.01.2009, 12:37
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина содержимого окна, проблема с DOCTYPE
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=305&tid=1455272]:
 0ms
get settings:
 6ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 48ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 24ms
get tp. blocked users:
 1ms
others: 211ms
total:  313ms
созд. / загр.: 313ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]