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

HTML+CSS+JavaScript

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

 

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

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

тема: Определение разрешения монитора с JS
 
 автор: Катя.   (30.05.2010 в 19:26)   письмо автору
 
 

Всем привет! Очень нужна ваша помощь. До сих пор я определяла разрешение и в зависимости от него загружала соответствующий файл.CSS таким образом:

<script type="text/javascript">
<!--
if(screen.width == 1024) {
document.write('<link rel="stylesheet" type="text/css" href="1024.css">');
} else if(screen.width == 800) {
document.write('<link rel="stylesheet" type="text/css" href="800.css">');
} else if(screen.width == 1280) {
document.write('<link rel="stylesheet" type="text/css" href="1280.css">');
} else {
document.write('<link rel="stylesheet" type="text/css" href="other.css">');
}
-->
</script>

А сейчас мне бы хотелось так:
если разрешение меньше 1023, то 800.CSS
если разрешение от 1024 до 1279, то 1024.CSS
если разрешение больше 1280, то 1280.CSS

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

  Ответить  
 
 автор: AlexSol   (30.05.2010 в 19:45)   письмо автору
 
   для: Катя.   (30.05.2010 в 19:26)
 

if(screen.width < 1024) {
document.write('<link rel="stylesheet" type="text/css" href="800.css">');
} else if(screen.width < 1280) {
document.write('<link rel="stylesheet" type="text/css" href="1024.css">');
} else {
document.write('<link rel="stylesheet" type="text/css" href="1280.css">');
}

  Ответить  
 
 автор: Катя.   (30.05.2010 в 19:49)   письмо автору
 
   для: AlexSol   (30.05.2010 в 19:45)
 

И все? Так просто? Я так и знала, что это будет что-то очень простое, но к сожалению очень сложное для меня. Спасибо вам большое пребольшое!

  Ответить  
Rambler's Top100
вверх

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