PDA

Просмотр полной версии : Выбор дизайна,без формы


qW1zer
25.08.2009, 14:14
Проблема такова,нужно чтобы можно было дизайн выбирать без формы select и кнопки а просто ссылка была,нажал на ссылку красный и дизайн сменился,прошу подсказать как это реализовать!
Заранее спасибо


<script>
//Считываем куку
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}

//Записываем куку (упрощенный вариант)
function set_cookie(cook_name,cook_value) {
var exp = new Date();
var cook_time = exp.getTime() + (365*24*60*60*1000); //время жизни кука (здесь 1год)
exp.setTime (cook_time);
document.cookie=cook_name+'='+cook_value+'; expires=' + exp.toGMTString()+'; domain='+location.host+';';
}

diz=get_cookie('mydiz');
if(!diz) diz='файл стилей по умолчанию';
document.write('<link type="text/css" rel="StyleSheet" href="http:.../css/'+diz+'.css">');

function dizsave() {
set_cookie('mydiz',document.all.mdiz.value);
location.reload();
}
</script>


Выберите дизайн страницы:
<select name="mdiz">
<option value="css файл 1">Синий</option>
<option value="css файл 2">Красный</option>
<option value="css файл 3">Зеленый</option>
</select>

<input name="save" type="button" value="Сохранить" onClick="dizsave()">

<script>
document.all.mdiz.value=diz;
</script>

d_x
25.08.2009, 14:40
Измени функцию dizsave():

function dizsave(diz) {
set_cookie('mydiz',diz);
location.reload();
}


Второй кусок кода будет выглядеть так:

Выберите дизайн страницы:<br>
<a href="javascript:void(0);" onclick="dizsave('css-файл 1');">Синий</a><br>
<a href="javascript:void(0);" onclick="dizsave('css-файл 2');">Красный</a><br>
<a href="javascript:void(0);" onclick="dizsave('css-файл 3');">Зеленый</a><br>

qW1zer
25.08.2009, 15:32
Спасибо

-=Zhenek=-
25.08.2009, 15:57
А если нужно сменить дизайн полностью (а не только css)
То просто сделай ссылки с гет параметрами например site.ru/reload.php?diz=red
А в релоад просто меняй куку и загружай страницу с дизайном который написан в куке...

qW1zer
25.08.2009, 17:39
2-=Zhenek=-
Спасибо конечно,но это не для меня!Просто меня знакомый попросил,а яваскрипт я на уровне Hello world,а то и меньше знаю!Сайт у него на ucoz'e.А с php бы я сообразил,в юкозе просто не все так функционально как в других cms