Страница 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
Ну так что неужели никто не поможет?