X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> динамическое загрузки таблицы стилей CSS
mxxx
mxxx
Topic Starter сообщение 11.10.2011, 18:34; Ответить: mxxx
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 24.6.2008
Поблагодарили: 12 раз
Репутация:   2  


есть у кого не буд готовый решение для динамическое загрузки таблицы стилей CSS через JavaScript / Jquery ???

что то не получается у меня найти

Сообщение отредактировал mxxx - 11.10.2011, 18:34


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kaa
Kaa
сообщение 12.10.2011, 6:38; Ответить: Kaa
Сообщение #2


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 7.10.2011
Поблагодарили: 9 раз
Репутация:   2  


var css_link = $("<link>", {rel: "stylesheet", type: "text/css", href: "style.css"});
css_link.appendTo('head');


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bozorcha
bozorcha
сообщение 17.10.2011, 12:50; Ответить: bozorcha
Сообщение #3


Новичок
*

Группа: Viewer
Сообщений: 8
Регистрация: 13.7.2011
Поблагодарили: 2 раза
Репутация:   1  


(Kaa @ 12.10.2011, 7:38) *
Код
var css_link = $("<link>", {rel: "stylesheet", type: "text/css", href: "style.css"});
css_link.appendTo('head');

можно пожалуйста по подробно и пример... заранее спасибо...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SergeiVL
SergeiVL
сообщение 17.10.2011, 16:07; Ответить: SergeiVL
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 360
Регистрация: 4.4.2011
Из: Калининград
Поблагодарили: 77 раз
Репутация:   22  


добавляешь эти две строки в js функцию, которая по твоей задумке должа динамически подгрузить классы
где href: "style.css" укажи свой путь к файлу со стилями


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bozorcha
bozorcha
сообщение 18.10.2011, 8:49; Ответить: bozorcha
Сообщение #5


Новичок
*

Группа: Viewer
Сообщений: 8
Регистрация: 13.7.2011
Поблагодарили: 2 раза
Репутация:   1  


(SergeiVL @ 17.10.2011, 17:07) *
добавляешь эти две строки в js функцию, которая по твоей задумке должа динамически подгрузить классы
где href: "style.css" укажи свой путь к файлу со стилями

я вообще чайник в этом... только учусь... только по исходником могу разобраться... можно исходник попросит???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kaa
Kaa
сообщение 19.10.2011, 0:07; Ответить: Kaa
Сообщение #6


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 7.10.2011
Поблагодарили: 9 раз
Репутация:   2  


bozorcha, это как бы и есть исходник, что тут еще добавить кроме <script> в начале и </script> в конце?
... или я уже чего-то недопонимаю unsure.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bozorcha
bozorcha
сообщение 20.10.2011, 17:44; Ответить: bozorcha
Сообщение #7


Новичок
*

Группа: Viewer
Сообщений: 8
Регистрация: 13.7.2011
Поблагодарили: 2 раза
Репутация:   1  


ну типа этого хотелосбы по подробнее
ruseller исходники
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SergeiVL
SergeiVL
сообщение 22.10.2011, 4:25; Ответить: SergeiVL
Сообщение #8


Бывалый
****

Группа: User
Сообщений: 360
Регистрация: 4.4.2011
Из: Калининград
Поблагодарили: 77 раз
Репутация:   22  


Вот вам готовый пример: http://sergeivl.ru/public/examples/addcss/addcss.html

Код файла addcss.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Подгрузка css-стиля из файла при нажатии кнопки</title>
<script type="text/javascript" language="JavaScript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" language="JavaScript">
    $(document).ready(function(){    
        $('#addcss').click(function(){
            var css_link = $("<link>", {rel: "stylesheet", type: "text/css", href: "style.css"});
            css_link.appendTo('head');
        });
    });
</script>
</head>
<body>
    <input type="button" id="addcss" name="addcss" value="Подгрузить css файл" />
</body>
</html>


Код файла style.css:
body{
    background:#0000ff;
}


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1073 11.12.2017, 16:01
автор: Nell
Горячая тема (нет новых ответов) [предлагаю] Качественные услуги по PHP/HTML/CSS/JS, любые движки
Услуги программирования
31 Alexandr_js 10061 2.11.2017, 16:36
автор: gretskov
Открытая тема (нет новых ответов) Оформление внешних ссылок при помощи CSS
Каким образом можно оформить стилями внешние ссылки сайта
7 komarik_vlad 874 25.10.2017, 9:30
автор: x64
Открытая тема (нет новых ответов) Помощь по css
5 Mistic 688 17.10.2017, 13:04
автор: prapod
Горячая тема (нет новых ответов) ВНИМАНИЕ: Тема имеет прикрепленные файлыКомплекс услуг по движку Joomla и xhtml+css верстка
61site.ru - Верстаем и делаем сайты под ключ
321 lostprophet 204237 28.9.2017, 15:32
автор: NAEL


 



RSS Текстовая версия Сейчас: 17.12.2017, 19:55
Дизайн