Css зависящее от ширины окна

Uratsakidogi · 13.04.2006, 22:03

Как на джаваскрипте реализовать такую вещь, как подключение дополнительного CSS-файла при определённом размере окна?
Поясню, зачем это нужно: при определённых разрешениях (меньше 800 пикселей в ширину) нужно подключить CSS-файл, скрывающий некоторые детали оформления.
Стили, встроенные в джавускрипт (те которые id.style.display='none' или вроде того, в синтаксисе не силён) тоже устроят — изменений не много.

Помогите плз, очень надо.

MasMaX · 13.04.2006, 23:55

В Яве есть такой параметр как screen.availWidth (screen.availHeight).
Можно написать что-нибудь типа:

Код:

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

kost · 14.04.2006, 10:37

MasMaX, не Ява, а JavaScript.

Uratsakidogi, посмотрите пример: http://rammstein.de/News/

Uratsakidogi · 14.04.2006, 10:49

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

Добавлено:
Нет, кажется у раммштайн при уменьшении перекидывает на какую-то другую версию странички. А это не то.

kost · 14.04.2006, 13:06

Переброс осуществляется явно при помощи js. А сменить стили -- это еще проще, главное событие отловить.

Как переключать стили -- читайте на ALA.
http://www.alistapart.com/stories/alternate/

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Проблема с вводом пользователя ширины рамки ячеек	vladislav21	HTML, CSS, JavaScript	0	04.12.2010 21:45
Возможно задать шрифт от ширины блока?	Вен	HTML, CSS, JavaScript	8	17.11.2009 00:07
Проблема высоты и ширины	OFF-ART	Технологии Flash	4	31.01.2006 11:14
всплывающие окна	kost	HTML, CSS, JavaScript	1	30.09.2005 01:22

13.04.2006, 22:03	#1
Uratsakidogi	Как на джаваскрипте реализовать такую вещь, как подключение дополнительного CSS-файла при определённом размере окна? Поясню, зачем это нужно: при определённых разрешениях (меньше 800 пикселей в ширину) нужно подключить CSS-файл, скрывающий некоторые детали оформления. Стили, встроенные в джавускрипт (те которые id.style.display='none' или вроде того, в синтаксисе не силён) тоже устроят — изменений не много. Помогите плз, очень надо.

13.04.2006, 23:55	#2
MasMaX	В Яве есть такой параметр как screen.availWidth (screen.availHeight). Можно написать что-нибудь типа: Код: if (screen.availWidth > 800) { document.write('<link href="style1.css" type="text/css" rel="stylesheet"> '); } else { document.write('<link href="style2.css" type="text/css" rel="stylesheet"> '); }

14.04.2006, 10:37	#3
kost	MasMaX, не Ява, а JavaScript. Uratsakidogi, посмотрите пример: http://rammstein.de/News/

14.04.2006, 10:49	#4
Uratsakidogi	kost, вот, как раз про него я вспоминал, только адрес забыл. Спасибо вам, буду разбираться. Добавлено: Нет, кажется у раммштайн при уменьшении перекидывает на какую-то другую версию странички. А это не то.

14.04.2006, 13:06	#5
kost	Переброс осуществляется явно при помощи js. А сменить стили -- это еще проще, главное событие отловить. Как переключать стили -- читайте на ALA. http://www.alistapart.com/stories/alternate/