Это MWEB.RU

**Chel1** Вс янв 15, 2006 2:51

Вопрос следующий...
Как при помощи JavaScript узнать ширину уже открытого окна броузера (в идеале рабочей области окна)

предыдущий опыт постов в другие форумы показал, что надо также оговорить отдельно: мне не надо писать про разрешение монитора screen.width а также про верхний левый угол броузера и изменение размеров, перемещение окна... resizeTo, moveTo... мне также нафиг не надо про window.open etc

внимание! ОКНО УЖЕ ОТКРЫТО! НУЖНА ШИРИНА ОТКРЫТОГО ОКНА БРОУЗЕРА!

если кого обидел столь подробным излиянием души, сори, но наболело...

**Padonak** Вс янв 15, 2006 10:18

бля если бы у меня так наболело я бы книгу купил...

вот тут посмотри. изменишь размеры - обнови окно и будет тебе счастье.

http://www.free-lance.ru/users/aka-time · **aka Time** Вс янв 15, 2006 10:21

точно помню, что где-то подобный топик на форуме был. -01-

попробуй воспользовацца поиском

**Jedi** Вс янв 15, 2006 12:23

2Padonak, ну не знаешь ответа, ну помолчи тогда, а не посылай человека за книгой.
2aka Time, на то он и форум, чтобы спрашивать, а поиск есть и на яндексе.

**Padonak** Вс янв 15, 2006 12:47

2Jedi: как не знаю? я ведь ему собственноручно пример сделал... поправь шлем он тебе наверное половину монитора закрывает -13-

. у меня когда такие вопросы возникли я пошел и не зажавши сто рублей купил книгу (кстати лучший подарок гыгыгыгы). а вот от твоего поста чуваку точно помощи немного -09-

**Jedi** Вс янв 15, 2006 19:56

Padonak писал(а):2Jedi: как не знаю? я ведь ему собственноручно пример сделал... поправь шлем он тебе наверное половину монитора закрывает . у меня когда такие вопросы возникли я пошел и не зажавши сто рублей купил книгу (кстати лучший подарок гыгыгыгы). а вот от твоего поста чуваку точно помощи немного

не заметил ссылку, извени

**Padonak** Вс янв 15, 2006 21:24

2Jedi: ну вот -08-

да я не обидился извини если я чего сказал не так - меня как Остапа иной раз несет (знакомые на меня никогда не обижаются потому как я не злобный совсем просто язык как помело -09-

)

**Chel1** Пн янв 16, 2006 4:45

Гениально! То что надо!
Жизнь спасли :) -22-

**Padonak** Пн янв 16, 2006 7:39

**AtskiySOTONA** Пн фев 12, 2007 14:21

вот тут посмотри. изменишь размеры - обнови окно и будет тебе счастье.

А как сделать что бы он менял значения не только при нажатии на кнопку "обновить", а как только я начинаю тянуть страницу он автоматически обновлял эти цифры?

**Muerto** Пн фев 12, 2007 15:52

2AtskiySOTONA: Событие на onResize повесь и все дела.

**Padonak** Пн фев 12, 2007 16:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Screen and Window sizes</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">

</style>
<script language="JavaScript" type="text/javascript">

</script>
</head>
<body onload="defineScreen()">
<div id="output"></div>
</body>
</html>

**AtskiySOTONA** Пн фев 12, 2007 17:37

Огромное спасибо!! -06-

**Padonak** Вт фев 13, 2007 0:06

2AtskiySOTONA: всегда пжалста -02-

**AtskiySOTONA** Вт фев 13, 2007 18:45

А возможно передать этот параметр в переменную чтобы она тоже автоматом обновлялась?

**Padonak** Вт фев 13, 2007 19:46

спроси конкретнее я не понимаю что ты имеешь ввиду -08-

**AtskiySOTONA** Вт фев 13, 2007 23:49

Мне нужно чтобы при ресайзе цифра ширины экрана постоянно передавалась в переменную.
Могу подробнее объяснить для чего вобще все это нужно.
www.drive.ru - тут при ресайзе окна появляются и исчезают новости справа вверху.
Я хочу сделать что то подобное с "дивами", допустим если окно больше 1024 то выводится 5 дивов, если меньше то 3 дива остальные (visibility:hidden)

**Padonak** Ср фев 14, 2007 4:16

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

var myWidth;

function defineScreen(){
var scrWidth = screen.availWidth + " px";
myWidth = screen.availWidth;
var scrHeight = screen.availHeight + " px";
....

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

**AtskiySOTONA** Ср фев 14, 2007 10:48

Вот что у меня получилось:
var myWidth;
function defineScreen() {
var scrWidth = screen.availWidth + " px";
myWidth = screen.availWidth;
var scrHeight = screen.availHeight + " px";
}
window.onresize = defineScreen;

document.write(myWidth);

Выводит:
undefined

**Muerto** Ср фев 14, 2007 11:11

2AtskiySOTONA: Ну и правильно выводит! События небыло - функция не вызывалась. Переменная ничему и не равна. А когда ты изменил размеры окна и вызвал событие - твой document.write(myWidth); уже не срабатывает - он вне функции.

**Padonak** Ср фев 14, 2007 11:12

действительно. ну тогда просто передавай переменную screen.availWidth она ведь сама по себе глобальная

**AtskiySOTONA** Ср фев 14, 2007 11:49

screen.availWidth - выдает всегда максимальное значение (у меня 1280)

Распишите пожалуйста функцию, которая при ширине экрана 640 будет выводить 5 цифр от 1 до 5, а при ширине 1024 - допустим 10

**Padonak** Ср фев 14, 2007 12:04

ну ты же не меняешь разрешение! а размер окна вернее тела документа в окне это - document.body.clientWidth

**AtskiySOTONA** Ср фев 14, 2007 12:26

Не - не получается... У меня опыта с Java Script совсем мало..

Можете расписать функцию, которая при ширине экрана 640 будет выводить 5 цифр от 1 до 5, а при ширине 1024 - допустим 10??

**Muerto** Ср фев 14, 2007 12:48

Я смотрю тема ширины и высоты экрана, документа да ещё и в разных броузерах - вопрос возникающий постоянно. На эту тему рекомендую проверенную библиотеку klayers.
2AtskiySOTONA: Так тебе точно нужно по ширине экрана или всё таки по ширине окна броузера определять сколько выводить цифр?
Если по ширине окна то что-нибудь типа:

Код: Выделить всё: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <script> function digital(w) { for (i=1; i<=10; i++) { if (i<=Math.floor(w/128)) { document.getElementById('dig'+i).style.display=''; } else { document.getElementById('dig'+i).style.display='none'; } } } </script> </head> <body onResize="digital(document.body.clientWidth)" onLoad="digital(document.body.clientWidth)"> <span id="dig1">1</span><span id="dig2">2</span><span id="dig3">3</span><span id="dig4">4</span><span id="dig5">5</span><span id="dig6">6</span><span id="dig7">7</span><span id="dig8">8</span><span id="dig9">9</span><span id="dig10">10</span> </body> </html>

**AtskiySOTONA** Ср фев 14, 2007 14:22

То что надо! Спасибо), klayers - бум зубрить

Это MWEB.RU

Снова JavaScript...

Снова JavaScript...

Кто сейчас на конференции