Страница 1 из 1

Изменить выпадающий список на ссылки

Добавлено: 09 авг 2009, 16:01
web-ass
Привет, есть скрипт смены дизайна, тоесть здесь только его часть:

Код: Выделить всё

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

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


я хочу сделать чтобы не выпадающий список был, а 3 картинки, когда на них нажимаешь, дизайн меняется, делаю так но не получается:

Код: Выделить всё

<input name="mdiz" src="путь к картинке" onClick="dizsave()" value="css файл 1" type="image">

Re: Изменить выпадающий список на ссылки

Добавлено: 09 авг 2009, 16:24
X-3me

Код: Выделить всё

<script type="text/javascript">
//Считываем куку
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(offset, 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(val) {
 set_cookie('mydiz', val);
 location.reload();
}
</script>
<input name="mdiz" src="путь к картинке" onClick="dizsave(this.value)" value="css файл 1" type="image">
<input name="mdiz" src="путь к картинке" onClick="dizsave(this.value)" value="css файл 2" type="image">
<input name="mdiz" src="путь к картинке" onClick="dizsave(this.value)" value="css файл 3" type="image">

Re: Изменить выпадающий список на ссылки

Добавлено: 09 авг 2009, 16:31
web-ass
X-3me,
может ты мне поможешь 2 скрипта объединить?

Нужно чтобы при выборе дизайна ещё и это менялось:

Код: Выделить всё

<script type="text/javascript">   
function tweeklayer(real,needed){   
link=document.getElementsByTagName('link');   
for(i=0;i<link.length;i++){   
if(link[i].href=='http://src.ucoz.net/src/layer'+real+'.css'){   
link[i].href='http://ВАШ САЙТ/css/layer'+needed+'.css';}}}   
</script>

<script type="text/javascript">tweeklayer(3,7);</script>

Re: Изменить выпадающий список на ссылки

Добавлено: 09 авг 2009, 16:59
X-3me

Код: Выделить всё

<script type="text/javascript">
//Считываем куку
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(offset, 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+';';
}

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

function tweeklayer(real,needed){   
link=document.getElementsByTagName('link');   
for(i=0;i<link.length;i++){   
if(link[i].href=='http://src.ucoz.net/src/layer'+real+'.css'){   
link[i].href=needed;}}}

diz=get_cookie('mydiz');
if(!diz) diz='1';
if (diz=='1') {
 document.write('<link type="text/css" rel="StyleSheet" href="1.css">');
 tweeklayer(4, 'mylayer1.css');
}
if (diz=='2') {
 document.write('<link type="text/css" rel="StyleSheet" href="2.css">');
 tweeklayer(4, 'mylayer2.css');
}
if (diz=='3') {
 document.write('<link type="text/css" rel="StyleSheet" href="3.css">');
 tweeklayer(4, 'mylayer3.css');
}
</script>
<input name="mdiz" src="путь к картинке" onClick="dizsave(1)" type="image">
<input name="mdiz" src="путь к картинке" onClick="dizsave(2)" type="image">
<input name="mdiz" src="путь к картинке" onClick="dizsave(3)" type="image">

Re: Изменить выпадающий список на ссылки

Добавлено: 09 авг 2009, 17:04
web-ass
А первый скрипт где? Нужно чтобы 2 скрипта работали одновременно!

Re: Изменить выпадающий список на ссылки

Добавлено: 09 авг 2009, 17:12
web-ass
Первый работает, а этот нет:

Код: Выделить всё

<script type="text/javascript">   
function tweeklayer(real,needed){   
link=document.getElementsByTagName('link');   
for(i=0;i<link.length;i++){   
if(link[i].href=='http://src.ucoz.net/src/layer'+real+'.css'){   
link[i].href='http://ВАШ САЙТ/css/layer'+needed+'.css';}}}   
</script>

<script type="text/javascript">tweeklayer(3,7);</script>

Re: Изменить выпадающий список на ссылки

Добавлено: 10 авг 2009, 20:15
web-ass
Ну так что неужели никто не поможет?