Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.07.2011, 16:50
Новичок на форуме
Отправить личное сообщение для Dodgess Посмотреть профиль Найти все сообщения от Dodgess
 
Регистрация: 29.07.2011
Сообщений: 2

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

У меня приготовлены три файла стилей - для разрешения шириной 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>


Заранее большое спасибо за помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 29.07.2011, 17:44
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = 'style.css';
document.getElementsByTagName('head')[0].appendChild(link);
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #3 (permalink)  
Старый 29.07.2011, 18:11
Новичок на форуме
Отправить личное сообщение для Dodgess Посмотреть профиль Найти все сообщения от Dodgess
 
Регистрация: 29.07.2011
Сообщений: 2



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

еще раз большое спасибо за помощь)))))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Под IE8 задизейблена кнопка, а под Mozilla нет Svetich Internet Explorer 2 05.07.2011 09:03
Изменение стиля определенного участка текста в textarea Morlak Элементы интерфейса 2 24.04.2011 17:08
изменение стиля для тега используя JS dimiork Элементы интерфейса 2 13.12.2010 09:47
Изменение свойтсв стиля элемента по условию netkent Элементы интерфейса 2 05.12.2010 12:28
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 12:28