Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как через JS определить ширину экрана и сразу отреагировать
 
 автор: Владимир22   (10.12.2007 в 15:57)   письмо автору
 
 

Вопрос:
Как можно через JavaScript определить ширину экрана пользователя и установить ширину чего-нибудь (например таблицы) в зависимости от этого.. Т.е. сразу без перегрузки страницы на его браузере: если ширина разрешения 1280 - сделать ширину таблицы-980, если 1024-сделать ширину 800. НЕЛP!

   
 
 автор: mixer   (10.12.2007 в 16:31)   письмо автору
 
   для: Владимир22   (10.12.2007 в 15:57)
 

а зачем размер экрана? не проще размер браузера? юзер же может изменять размеры браузера не зависимо от расширения которое у него стоит...
если надо узнать размеры браузера то тут можешь почитать http://www.olib.grapecms.ru/catalog/hi-tech/internet/biblioteka-s-ytostroitel-stvo/i2r-html-dhtml/opredelenie-shiriny-okna-brauzera

   
 
 автор: sim5   (10.12.2007 в 16:36)   письмо автору
 
   для: mixer   (10.12.2007 в 16:31)
 

Уш лучше размер обуви создателя браузера тогда. Ширину клиентской части браузера.

   
 
 автор: Владимир22   (10.12.2007 в 16:49)   письмо автору
 
   для: sim5   (10.12.2007 в 16:36)
 

По шириной экрана я хотел сказать "расширение экрана", sorry. Спасибо за ссылку. Только вот как потом установить ширину таблицу в зависимости от полученных об экране данных.
Вот код получения данных экрана, а что дальше - как и куда что подставлять, чтобы менять ширину таблицы. Кто знает?

function getWidth() { // Получаем ширину рабочей области браузера
if (IE || Opera) send = document.body.clientWidth;
if (NC) send = window.innerWidth;
return send;
}

   
 
 автор: sim5   (10.12.2007 в 17:04)   письмо автору
 
   для: Владимир22   (10.12.2007 в 16:49)
 

Ширина экрана, это screen.Width. Зачем вам все это - вы что хотите всем элементам на странице размеры менять? Смотрите ниже более разумный вариант.

   
 
 автор: KPETuH   (10.12.2007 в 16:45)   письмо автору
 
   для: Владимир22   (10.12.2007 в 15:57)
 

не прощи ли верстать резиновые сайты?

   
 
 автор: Владимир22   (10.12.2007 в 17:55)   письмо автору
 
   для: KPETuH   (10.12.2007 в 16:45)
 

Резиновые сайты конечно проще, но если есть картинка, то при большом расширении экрана она не растянется, а будет много пустого места рядом.
Поэтому вопрос для знатоков:
Как в зависимости от ширины экрана (разрешения по ширине) можно оперировать (ставить различные параметры, например, в опции "vspace" в определённой картинке?????
Кто знает? Помогите, пожалуйста!
Если расширение - 1024, то vspace=6, если другой, то другое. Как????

   
 
 автор: elenaki   (10.12.2007 в 21:26)   письмо автору
 
   для: Владимир22   (10.12.2007 в 17:55)
 

я делала так:

<!--- central  part --->
<script>
if (screen.width >= 1024)  
document.write('<td valign="top" align="center" width="85%">');
else 
document.write('<td valign="top" align="left" width="80%"');
</script>

   
 
 автор: Катя.   (11.12.2007 в 17:53)   письмо автору
 
   для: elenaki   (10.12.2007 в 21:26)
 

Владимир, ну как, вам помогли советы? У меня точно такая же проблема. Если найдете решение вопроса, напишите об этом потом, пожалуйста.

   
 
 автор: elenaki   (11.12.2007 в 18:39)   письмо автору
 
   для: Катя.   (11.12.2007 в 17:53)
 

ваша проблема высосана из пальца.

   
 
 автор: hatsker   (11.12.2007 в 21:13)   письмо автору
 
   для: elenaki   (11.12.2007 в 18:39)
 

а не проще процентное соотношение поставить....в чем сообственно проблема!?

   
 
 автор: Катя.   (12.12.2007 в 08:46)   письмо автору
 
   для: hatsker   (11.12.2007 в 21:13)
 

Для backgroud-image % не работает.

   
 
 автор: sim5   (12.12.2007 в 08:59)   письмо автору
 
   для: Катя.   (12.12.2007 в 08:46)
 

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

   
 
 автор: Катя.   (12.12.2007 в 09:25)   письмо автору
 
   для: sim5   (12.12.2007 в 08:59)
 

Я не говорю, что мне надо на JS переписывать элементы страницы. Мне все равно что решит этот вопрос JS, CSS или что-то другое. Мне просто надо чтобы фон, для которого использована фотография, и для которого я поставила команду не повторяться, заполнял весь экран независимо от разрешения. А у меня получается что при других разрешениях фотография уменьшается и появляется белое пространство на странице.

   
 
 автор: sim5   (12.12.2007 в 09:29)   письмо автору
 
   для: Катя.   (12.12.2007 в 09:25)
 

Вот и меняйте CSS, в них вы можете не только это, но и дизайн всех элементов страницы "заточить" под разрешения.

   
 
 автор: Катя.   (12.12.2007 в 09:36)   письмо автору
 
   для: sim5   (12.12.2007 в 09:29)
 

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

   
 
 автор: sim5   (12.12.2007 в 10:14)   письмо автору
 
   для: Катя.   (12.12.2007 в 09:36)
 

Либо через styleSheets, либо подключив сразу несколько файлов стилей, а выбирать нужный. Здесь примеры измененя стилей страницы, подключением того или иного CSS файла. При загрузке страницы узнаем разрешение монитора и в зависимости от его значения подключаем/разрешаем тот или иной файл стилей.

   
 
 автор: Катя.   (12.12.2007 в 10:31)   письмо автору
 
   для: sim5   (12.12.2007 в 10:14)
 

Спасибо за помощь! Подумаю как это можно использовать.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования