Модераторы: gambit
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как элемент узнает ширину экрана? например тот же <div> 
:(
    Опции темы
lankin
Дата 7.6.2008, 08:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 377
Регистрация: 13.12.2006

Репутация: нет
Всего: нет



Например, мы можем задать <div>-у ширину width=20%. Откуда он узнает, сколько нужно пикселей присвоить себе на экране? Он должен по идее узнать ширину экрана фактическую, т.е. расширение экрана, которое щас выставлено. Можно ли каким-то образом узнать его ширину в пикселах, например чему равен div width=20%?
PM MAIL   Вверх
Zakonnic
Дата 7.6.2008, 11:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 161
Регистрация: 25.4.2006

Репутация: 3
Всего: 6



Ширину обычно знать не надо, а вот с высотой бывают проблемы.
В свое время после поисков в инете нашел что-то вроде этого:
Код

var h=-1; 
if (self.innerHeight) 
    h = self.innerHeight; 
else if (document.documentElement && document.documentElement.clientHeight) 
    h = document.documentElement.clientHeight; 
else if (document.body) 
    h = document.body.clientHeight; 


Работает и в опере. Думаю, если поменять Height на Width будет вам ширина.

Цитата

Например, мы можем задать <div>-у ширину width=20%. Откуда он узнает, сколько нужно пикселей присвоить себе на экране?
Что-то эта строка меня повергла в сомнения. На всякий случай - это скрипт для браузера, серверу до клиентского компа дела нет - ему лишь бы html сформировать, а с остальным возится браузер. Он то уж знает ваше разрешение и картинку рисует соответствующую.

Цитата

Можно ли каким-то образом узнать его ширину в пикселах, например чему равен div width=20%?
Это узнается динамически, опять же javascript-ом. Изменили размер окна браузера - ширина другая стала.
Код

<script type="text/javascript" language="javascript">    
var wrp = document.getElementById('mainSpace');
var w = wrp.style.width;
//wrp.style.height = '350px';
</script>
Код
<div id="mainSpace" width="20%"></div>


Это сообщение отредактировал(а) Zakonnic - 7.6.2008, 12:08
--------------------
...и никогда не пишите в комментариях правду
PM MAIL ICQ   Вверх
lankin
Дата 9.6.2008, 06:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 377
Регистрация: 13.12.2006

Репутация: нет
Всего: нет



О! Спасибо!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Прежде чем создать тему, посмотрите сюда:
Любитель
Mymik
mr.DUDA

Используйте теги [code=csharp][/code] для подсветки кода. Используйтe чекбокс "транслит" если у Вас нет русских шрифтов.

Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, Любитель, Mymik, mr.DUDA.

 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Разработка под ASP.NET | Следующая тема »


 




[ Время генерации скрипта: 0.0406 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.