Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   изменение стиля под разрешение (https://javascript.ru/forum/events/19246-izmenenie-stilya-pod-razreshenie.html)

Dodgess 29.07.2011 17:50

изменение стиля под разрешение
 
Прошу прощения, я полный новичок, и вопрос у меня наивный, но все же.

У меня приготовлены три файла стилей - для разрешения шириной 1600, 1280 и 1024. Я хочу, чтобы при загрузке страницы, то есть по событию body onload, выполнялся скрипт, выбирающий один из трех стилей оформления страницы в зависимости от разрешения экрана клиента.

Привожу код. "Строчку, указывающая на стиль, который надо использовать" прошу мне помочь написать :-? Несколько часов сижу, уже испробовала массу всяких способов, которые удалось нагуглить - write/writeln, innerHTML, style пыталась использовать. Где-то я вру. Так что оставляю ее пустой.

<script language="javascript">
<!--
function StyleUse() {
var w = screen.width;

if (w=='1600')
{
Строчка, указывающая на стиль, который надо использовать 
}

else
{
if (w==1280)
{
Строчка, указывающая на стиль, который надо использовать
}

else
{
Строчка, указывающая на стиль, который надо использовать
}
}

}
//-->
</script>


Заранее большое спасибо за помощь.

walik 29.07.2011 18:44

link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = 'style.css';
document.getElementsByTagName('head')[0].appendChild(link);

Dodgess 29.07.2011 19:11



огромное спасибо, заработало! изменила только в link = document.createElement("link"); одинарные кавычки на двойные, с одинарными почему-то не пошло.

еще раз большое спасибо за помощь)))))


Часовой пояс GMT +3, время: 05:04.