Скрипт для категории сайта из селектора

Предлагаю вашему вниманию скрипт в добавок к селектору.. многие сталкивались с такой ситуацией что нужно при клике по строке в селекторе как показано на скрине автоматический страница обновлялась с пересылкой пользователя на выбранную страницу..
Такой пример живой работает давно в разделе студии дизайна http://ucozon.ru/stuff/ там можно переключать категорию если вы заметили то страница обновляется сама как только вы отпускаете клик в селекторе, попробуйте выбрать разработчика и вас переместит именно на ту страницу.
Согласитесь очень удобный способ и многофункциональный, и легко реализовать его на практике в использование на своем сайте.

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

Разложим сам скрипт функциональности

Code

<script type="text/javascript">
  function redirect() {
  var goto = parseInt(document.getElementById("type_ucozon").value); if (goto>0) { document.location.href='http://ucozon.ru/dir/'+goto; return; }
  }
</script>

goto — оператор безусловного перехода (перехода к определённой точке программы, обозначенной номером строки либо меткой)
type_ucozon — Уникальный ID скрипта связывает с селектором
http://ucozon.ru/dir/ - ссылка на модуль сайта на котором будут выполнятся директ категории
+goto — Число которое вставляется из селектора к примеру value="1" и будет цифрой 1, по умолчанию 0
return — Обновление страницы после клика автоматом

Функциональность:
http://ucozon.ru/dir/'+goto это будет при клике по 1 строке ссылка выглядеть вот таким образом http://ucozon.ru/dir/1 что дает возможность скрипту обновится и вы попадаете на страницу Видео уроки для uCoz

Рассмотрим сам переключатель селектора

Code

<select id="type_ucozon" onchange="redirect();">
<option> Выбрать категорию</option>
<option value="1">Видео уроки для uCoz</option>
<option value="2">Скрипты для uCoz</option>
<option value="3">Шаблоны для uCoz</option>
<option value="4">Все для Фотошопа</option>
<option value="5">Для веб мастера</option>
</select>

type_ucozon — Уникальный ID скрипта связывает с скриптом сам селектор
value="1" — Число которое будет использоваться при выборе этой строки

Полный скрипт с селектором в сборке выглядит вот таким образом, копируем и используем по своему назначению не забывая что нужно изменить ссылку полную на сайт куда будет директив пользователя при выборе в списке.

Code

<script type="text/javascript">
  function redirect() {
  var goto = parseInt(document.getElementById("type_ucozon").value); if (goto>0) { document.location.href='http://ucozon.ru/dir/'+goto; return; }
  }
</script>  
<select id="type_ucozon" onchange="redirect();">
<option> Выбрать категорию</option>
<option value="1">Видео уроки для uCoz</option>
<option value="2">Скрипты для uCoz</option>
<option value="3">Шаблоны для uCoz</option>
<option value="4">Все для Фотошопа</option>
<option value="5">Для веб мастера</option>
</select>

Автор: мир
Сайт автора: http://ucozon.ru
При копирование материал вы обязаны скопировать и сайт автора, любой уважающий себя веб мастер не будет копировать или воровать контекст данной статьи.