Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина содержимого окна, проблема с DOCTYPE / 5 сообщений из 5, страница 1 из 1
25.01.2009, 17:59
    #35776156
Vargant
Vargant
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина содержимого окна, проблема с DOCTYPE
Добрый день!

Мне необходимо определить ширину содержимого окна, чтобы динамически изменять размеры, использую следующий способ
Код: 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, 18:09
    #35776169
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина содержимого окна, проблема с DOCTYPE
Может просто помешать все содержимое боди в див, а потом глядеть какие его размеры?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.01.2009, 18:18
    #35776178
Vargant
Vargant
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина содержимого окна, проблема с DOCTYPE
РенатМожет просто помешать все содержимое боди в див, а потом глядеть какие его размеры?
я думал об этом, но неужели все-так плохо до сих пор, что нет единого решения ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2009, 01:27
    #35776498
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина содержимого окна, проблема с DOCTYPE
в 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
    #35777199
Black
Black
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина содержимого окна, проблема с DOCTYPE
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина содержимого окна, проблема с DOCTYPE / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 358ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455272]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 59ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 215ms
total:  358ms
x
x
Закрыть


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