Кнопка "сменить стиль"

автор Дэн Август 15th 2013, 23:04

Первое сообщение в теме :

Здравствуйте. Хочу сделать так, что-бы на всех страницах была кнопочка "Сменить на тёмный дизайн/Сменить на светлый дизайн"
И когда туда нажимали менялся стиль. Благодарен за все представленные решения.

автор **Dana Domirani** Август 27th 2013, 21:17

Madara2027, У Вас в скрипте смены стилей недописан второй вариант CSS. Поэтому скрипт глючит.

автор Madara2027 Август 27th 2013, 21:19

Я в JavaScript не очень разбираюсь, можете дать дописаный?

автор **Dana Domirani** Август 27th 2013, 21:19

Код:: $("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />'); if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); } function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); } $(function(){ $("#frame_chatbox").load(function(){ $("#frame_chatbox").contents().find("head").append($("#tstyle").clone()); }); $("iframe[name=smilies]").load(function(){ $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>'); }); $("body").prepend('<select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Выбрать стиль</option></select>'); addstyle("Светлый дизайн","http://bakucity.forum2x2.ru/200323-ltr.css"); addstyle("Тёмный дизайн","http://calidasa.mirbb.net/29-ltr.css"); });