|
Хабранавигатор.
|
|
Beginner
372 сообщения
Мужчина
|
Как сделать Хабранавигатор, как на Хабрахабр?
Что не пробовал, у меня оно не хочет работать. Мне выбор подрубрики не нужен. Лишь бы один список и кнопка.
Такое же есть на Filmix, только немного другое.
|
|
|
|
|
|
Бывалый
1029 сообщений
Мужчина
|
Quote (Kelly_Jenko) Хабранавигатор
можно скрином ? а то так не понятно |
|
|
|
|
|
Пользователь
229 сообщений
Мужчина
|
Нужно переделать скриптом блок "категории" чтобы вместо категорий был <select></select> а в нем <option></option>.. А под селектом кнопка, по нажатию на неё будет переход на выбранную категорию..
|
|
|
|
|
|
Beginner
372 сообщения
Мужчина
|
ahar13, 
Станислав, Это я понял. Все делал, но кнопка не функционирует. То есть, она свою функцию выполняет, кликается, но не переходит - пустышка.
|
|
|
|
|
|
Бывалый
1029 сообщений
Мужчина
|
Kelly_Jenko, сейчас попробую сделать
|
|
|
|
|
|
Beginner
372 сообщения
Мужчина
|
Вот код того, что на Хабрахабр:
Code <div class="block fast_navigator"> <div class="title">Навигационная панель</div> <form action="/" method="post" id="fast_navagator"> <select name="category" class="category_select"> <option value="#" selected="">Выберите рубрику</option> <option value="/cat1">Категория №1</option> <option value="/cat2">Категория №2</option> <option value="/cat3">Категория №3</option> <option value="/cat4">Категория №4</option> <option value="/cat5">Категория №5</option> </select> <div class="buttons"><input type="submit" disabled="disabled" value="Открыть"></div> </form> </div>
|
|
|
|
|
|
Бывалый
1029 сообщений
Мужчина
|
Kelly_Jenko, как-то так
Code <select id="select1">
<option value="null">Выбрать</option>
<option value="1">Пункт 1</option>
<option value="2">Пункт 2</option>
<option value="3">Пункт 3</option>
</select>
<select id="select2" disabled="disabled">
<option>Выбрать</option>
</select>
<input type="button" value="Кнопка" id="knopka" disabled="disabled"/>
<script>
var options=['<option value="/url">Пункт 1</option><option value="/url">Пункт 2</option><option value="/url">Пункт 3</option>','<option value="/url">Пункт 1</option><option value="/url">Пункт 2</option><option value="/url">Пункт 3</option>','<option value="/url">Пункт 1</option><option value="/url">Пункт 2</option><option value="/url">Пункт 3</option>'];
$('#select1').change(function(){
if($('#select1 :selected').val() == 'null'){
$('#select2').attr("disabled","disabled");
$('#knopka').attr("disabled","disabled");
}else{
$('#select2').removeAttr("disabled");
$('#knopka').removeAttr("disabled");
$('#select2').html(options[$('#select1 :selected').val()-1]);
}
});
$('#knopka').click(function(){
location.href = $('#select2 :selected').val();
});
</script>
может кто-то сделает лучше
|
|
|
|
|
|
Пользователь
229 сообщений
Мужчина
|
Если никто не против, то я вечером напишу свой код..
|
|
|
|
|
|
Beginner
372 сообщения
Мужчина
|
Я не против.
|
|
|
|
|
|
Пользователь
229 сообщений
Мужчина
|
Kelly_Jenko, для какого модуля тебе нужно?
|
|
|
|
|
|
Beginner
372 сообщения
Мужчина
|
Станислав, Это не uCoz.
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
Kelly_Jenko, Code <select onchange="location.href = this.options[this.selectedIndex].value;">
|
|
|
|
|
|
Пользователь
229 сообщений
Мужчина
|
Kelly_Jenko,
Code <select id="_category" onchange="cat_d(this.value);">
<option>Категория</option>
<option value="/">ооо</option>
<option value="/">ооо</option>
</select>
<br>
<input type="button" id="cat_but" value="Посмотреть" disabled="disabled" onclick="document.location.href = document.getElementById('_category').value;">
<script type="text/javascript">
function cat_d(v){
if(v == 'Категория'){
document.getElementById('cat_but').disabled = true;
} else{
document.getElementById('cat_but').disabled = false;
};
};
</script> Добавлено (08.10.2012, 21:20)
---------------------------------------------
Добавляешь только в select:
<option value="url">name</option>
url - адрес
name - название ссылки
|
|
|
|
|
|
Beginner
372 сообщения
Мужчина
|
Спасибо всем откликнувшимся на зов помощи. В частности отдельная благодарность Станислав и ahar13.
|
|
|
|
|
|
