Переключатель стилей в виде выпадающего списка:
Код: Выделить всё
<h3>Сменить стиль:</h3>
<script type="text/javascript">
<!--
// borrowed from forumimages.com !!
function jumpMenu(targ, selObj, restore)
{
eval(targ + ".location='" + selObj.options[selObj.selectedIndex].value + "'");
if (restore) selObj.selectedIndex = 0;
}
//-->
</script>
<form method="get" action="./portal.php" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="style_change">
<select name="demo" id="demo" onchange="jumpMenu('parent',this,0)">
<option selected="selected" disabled="disabled">Выберите стиль</option>
<option value="./index.php?style=1"> Стиль 1 </option>
<option value="./index.php?style=2"> Стиль 2 </option>
<option value="./index.php?style=3"> Стандартный стиль </option>
</select>
</fieldset>
</form>
Код: Выделить всё
<script type="text/javascript">
<!--
function jumpStyle()
{
ttt=window.location.search;
if (ttt.indexOf('style=1') == -1)
{
if (ttt=='') {ttt=ttt+'?style=2';} else {ttt=ttt+'&style=2';}
}
if (ttt.indexOf('style=1') != -1) ttt=ttt.replace('style=1', 'style=2');
//sss=window.location.hostname+window.location.pathname+ttt+window.location.hash;
window.location.href=window.location.protocol+"//"+window.location.hostname+window.location.pathname+ttt+window.location.hash;
}
//-->
</script>
<a href="" onclick="jumpStyle();return false;"><img src="Иконка" width="14" height="14" title="Переключить стиль"></a>
style=1
- номер стиля на котором в данный момент находимсяstyle=2
- номер стиля на который переключаемсяНа другом стиле, на который переключились, скрипт будет выглядеть так:
Код: Выделить всё
<script type="text/javascript">
<!--
function jumpStyle()
{
ttt=window.location.search;
if (ttt.indexOf('style=2') == -1)
{
if (ttt=='') {ttt=ttt+'?style=3';} else {ttt=ttt+'&style=3';}
}
if (ttt.indexOf('style=2') != -1) ttt=ttt.replace('style=2', 'style=3');
//sss=window.location.hostname+window.location.pathname+ttt+window.location.hash;
window.location.href=window.location.protocol+"//"+window.location.hostname+window.location.pathname+ttt+window.location.hash;
}
//-->
</script>
style=3
, соответственно на третьем стиле вместо style=2
будет style=3
, а вместо style=3
- следующий или первый стиль.