Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Для того что бы оставлять сообщения на форуме вам необходимо зарегистрироваться или войти под своим профилем.

Меняем дизайн одним нажатием - Форум


  • Страница 1 из 1
  • 1
Модератор форума: Fro0st, lewonchik  
Форум » Веб мастеру » Интересные решения в uCoz » Меняем дизайн одним нажатием
Меняем дизайн одним нажатием
FrоstДата написания: Четверг, 09.09.2010, 17:55:18 | Сообщение № 1

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469

Некоторые мне говорят, мол зачем ты используешь jQuery? Он же так много весит! 60 кб! Господи, как это много! Я не понимаю этих людей, хотя я тоже люблю оптимизировать все и вся. Хорошо, отныне я буду реже использовать jQuery. И в доказательство этот скрипт.
К делу. Один мой знакомый попросил сделать скрипт для переключения дизайнов. Я согласился и сделал. Теперь я захотел поделиться им с Вами. Просмотреть демо Вы можеше кликнув по картинки выше.

Сам javascript:

Code
//Функция для вызова куки
function getcookie(name){var aCookie = document.cookie.split(';');for(var i=0;i<aCookie.length;i++){while(aCookie[i][0]==' '){aCookie[i]=aCookie[i].substr(1);}var aCrumb=aCookie[i].split('=');if(name==aCrumb[0]){return unescape(aCrumb[1]);}}return null;}
       
//Функция для создания куки
function setcookie(name,value,expires,path,domain,secure){var today=new Date();var expires_date=new Date(today.getTime()+(expires*1000));document.cookie =name+'='+escape(value)+(expires ? ';expires='+expires_date.toUTCString():'')+(path ? ';path='+path:'')+(domain ? ';domain='+domain:'')+(secure ? ';secure':'')}
       
//Здесь прописываете адрес к стандартному стилю
if(getcookie('csslink')==null){setcookie('csslink', 'css/style.css')}    
       
//В переменную сохраняем вызов куки
var csslink = getcookie('csslink');
       
//Стиль
document.write('<link type="text/css" rel="StyleSheet" href="'+csslink+'" />')

И HTML:

Code
<div class="colors">
<a href="javascript://" onclick="setcookie('csslink', 'css/style.css');window.location.reload()" id="white"></a>
<a href="javascript://" onclick="setcookie('csslink', 'css/red.css');window.location.reload()" id="red"></a>
<a href="javascript://" onclick="setcookie('csslink', 'css/blue.css');window.location.reload()" id="blue"></a>
<a href="javascript://" onclick="setcookie('csslink', 'css/black.css');window.location.reload()" id="black"></a>
<a href="javascript://" onclick="setcookie('csslink', 'css/green.css');window.location.reload()" id="green"></a>
</div>

Вместо адресов в ссылках напишите свои


 
DizeLДата написания: Четверг, 09.09.2010, 17:57:34 | Сообщение № 2


Раскрутка сайта
Сообщений: 1695
Награды: 230
Репутация: 156
Как я понял это упрощенная версия
 
FrоstДата написания: Четверг, 09.09.2010, 19:14:19 | Сообщение № 3

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469
Quote (DizeL)
Как я понял это упрощенная версия

Упрощенная версия чего? Я ничего подобного пока не писал. А похожих скриптов море.


 
PanzerVIPДата написания: Пятница, 10.09.2010, 06:50:11 | Сообщение № 4

Сообщений: 1142
Награды: 141
Репутация: 540
Fro0st, Если все получится, то я сейчас сменю дизайн на одном из тестовых своих сайтов) Если неполучится буду искать новый или напишу тебе в ЛС)
 
PanzerVIPДата написания: Пятница, 10.09.2010, 07:06:41 | Сообщение № 5

Сообщений: 1142
Награды: 141
Репутация: 540
Fro0st, Ты бы мог сдулать инструкцию, а то у меня не получается) :( blush
 
TLVadimДата написания: Пятница, 10.09.2010, 09:48:45 | Сообщение № 6

-= Уровень: 0 =-
Сообщений: 11
Награды: 0
Репутация: 10
О видел до этого другую... Но эта более проще. спасибо :)
 
FrоstДата написания: Пятница, 10.09.2010, 14:12:12 | Сообщение № 7

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469
Quote (Panzer)
Ты бы мог сдулать инструкцию

Code
<a href="javascript://" onclick="setcookie('csslink', 'css/style.css');window.location.reload()" id="white"></a>

Видешь, где написано "css/style.css" Туда пиши свой адрес на стиль. Так же и у всех ссылок.

Quote
//Функция для вызова куки
function getcookie(name){var aCookie = document.cookie.split(';');for(var i=0;i<aCookie.length;i++){while(aCookie[i][0]==' '){aCookie[i]=aCookie[i].substr(1);}var aCrumb=aCookie[i].split('=');if(name==aCrumb[0]){return unescape(aCrumb[1]);}}return null;}

//Функция для создания куки
function setcookie(name,value,expires,path,domain,secure){var today=new Date();var expires_date=new Date(today.getTime()+(expires*1000));document.cookie =name+'='+escape(value)+(expires ? ';expires='+expires_date.toUTCString():'')+(path ? ';path='+path:'')+(domain ? ';domain='+domain:'')+(secure ? ';secure':'')}

//Здесь прописываете адрес к стандартному стилю вместо "css/style.css"
if(getcookie('csslink')==null){setcookie('csslink', 'css/style.css')}


//В переменную сохраняем вызов куки
var csslink = getcookie('csslink');

//Стиль
document.write('<link type="text/css" rel="StyleSheet" href="'+csslink+'" />')

Затем файл со скриптом сохранить как js и прописать в коде на странице

Code
<script type="text/javascript" src="styleChanger.js"></script>

Только вместо styleChanger.js прописать свой адрес к файлу со скриптом


 
Форум » Веб мастеру » Интересные решения в uCoz » Меняем дизайн одним нажатием
  • Страница 1 из 1
  • 1
Поиск:
Обсуждение темы на форуме веб мастеров 3aKa4Ka.at.ua

© 3aka4ka.at.ua 2008 - 2021г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.