Некоторые мне говорят, мол зачем ты используешь 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>
Вместо адресов в ссылках напишите свои