Получить разрешение открытого окна браузера

[people2010]

Скажите, как получить разрешение открытого окна браузера, а не разрешения экрана?

[people2010]

Мне нужно именно не всего браузера,а чисто того окна, который в браузере.

Попробовал для теста написать так.
[CODE]
<script type="text/javascript">
$b = document.body.clientWidth;
alert($b);
</script>


IE7,IE8 = 1259 px
Mozila = 1263 px
Opera 9.22 = 1257 px
Opera 9.63 = 1264 px
Mozila = 1263 px

Это так и должно быть или есть какой-то метод, который даст такое, чтоб во всех браузерах одинаковое разрешение показывало?

[people2010]

Вроде код работает, но есть одна проблема.

<script type="text/javascript">
$b = document.documentElement.clientWidth;
alert($b);
if($b<=800)
document.write('<img src="../img/1_14.2.jpg" /><img src="../img/1_14.3.jpg" /><img src="../img/1_14.4.jpg" /><img src="../img/1_14.5.jpg" />');
else
{
 document.write('<table><tr><td><img src="../img/1_14.2.jpg" />
</td><td><img src="../img/1_14.3.jpg" /></td></tr><tr><td>
<img src="../img/1_14.4.jpg" /></td><td>
<img src="../img/1_14.5.jpg" /></td></tr></table>');
}
</script>

У меня монитор 19 дюймов и открыто окно браузера на всю страницу.

У меня в результате этого кода, нарисуется табличка 2Х2.

Если у меня будет открыто окно браузера шириной меньше 800 пикселей, у меня каждая картинка перейдёт на другую строку.

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

[people2010]

Попробовал так, не помогает.

<script type="text/javascript">
function sec(){
$b = document.documentElement.clientWidth;
alert($b);
if($b<=800)
document.write('<div align="center"><img src="../img/1_14.2.jpg" /><img style="padding:5px;" src="../img/1_14.3.jpg" /><img src="../img/1_14.4.jpg" /><img style="padding:5px;" src="../img/1_14.5.jpg" /></div>');
else
   {
 document.write('<table cellspacing="5"><tr><td><img src="../img/1_14.2.jpg" /></td><td><img src="../img/1_14.3.jpg" /></td></tr><tr><td><img src="../img/1_14.4.jpg" /></td><td><img src="../img/1_14.5.jpg" /></td></tr></table>');
	}
}
setInterval(sec(),500);

</script>

Edited February 22, 2011 by people2010

[people2010]

Попробовал написать так, при уменьшении окна браузера, всё что находится за переделами:

<script>.......</script> пропадает, а только одни кратинки показываются в изменённом виде.

<script type="text/javascript">
window.onresize = sec;
function sec(){
$b = document.documentElement.clientWidth;
alert($b);
if($b<=1240)
document.write('<div align="center"><img src="../img/1_14.2.jpg" /><img style="padding:5px;" src="../img/1_14.3.jpg" /><img src="../img/1_14.4.jpg" /><img style="padding:5px;" src="../img/1_14.5.jpg" /></div>');
else
   {
 document.write('<table cellspacing="5"><tr><td><img src="../img/1_14.2.jpg" /></td><td><img src="../img/1_14.3.jpg" /></td></tr><tr><td><img src="../img/1_14.4.jpg" /></td><td><img src="../img/1_14.5.jpg" /></td></tr></table>');
	}
}
setInterval(sec(),1);

</script>

[people2010]

Ребята, кто-нибудь знает?

[sigma77]

http://www.google.ru/search?client=opera&a...channel=suggest

[people2010]

Я и использую здесь события. Как в моём случаи сделать чтоб сработало?

[Searcher]

Вариантов может быть несколько, ну например такой:

  if (window.addEventListener) {
	window.addEventListener("resize", setScreenClass, false);
	window.addEventListener("load", setScreenClass, false);
	window.addEventListener("reload", setScreenClass, false);
  } else if (window.attachEvent) { // fucking IE
	window.attachEvent("onresize", setScreenClass);
	window.attachEvent("onload", setScreenClass); 
	window.attachEvent("onreload", setScreenClass); 
  }

function getWindowDims(){
  if (window.innerWidth){
	return {w:window.innerWidth, h:window.innerHeight};
  }
  if (document.documentElement && document.documentElement.clientWidth){
	return {w:document.documentElement.clientWidth, h:document.documentElement.cliendHeight};
  }
  if (document.body){
	return {w:document.body.clientWidth, h:document.body.clientHeight};
  }
  return {w:0, h:0}
}

function setScreenClass(){
	document.getElementById('тут айдишник вашей таблицы').style.width = getWindowDims().w; //присваиваем значение ширины вашей таблице
	document.getElementById('тут айдишник вашей таблицы').style.height = getWindowDims().h; //присваиваем значение высоты вашей таблице, хотя это как я понял не требуется
}

Будет подтормаживать, но можно сделать пару стилей для вашей таблицы: для разрешения >= 800 и <800, и в скрипте просто переключать стили таблицы в зависимости от текущего размера окна.

У меня есть подозрение, что вашу задачу можно решить без скрипта... Опишите подробнее, что вы хотите получить. Тоже есть разные варианты, например может просто сделать min-width:800px; ?

[Great Rash]

Скажите, как получить разрешение открытого окна браузера, а не разрешения экрана?

Вопрос выносит мозг

[SelenIT]

Это так и должно быть или есть какой-то метод, который даст такое, чтоб во всех браузерах одинаковое разрешение показывало?

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

В современных браузерах задачу можно решить вообще без скриптов, через media queries в CSS, типа такого:

@media screen and (max-width: 800px) {

.cell { display: block; }

}

@media screen and (min-width: 801px) {

.cell { display: table-cell; }

}

Но для IE пока без скриптов/экспрешнов, к сожалению, никак...