ВСЕ скрипты и шаблоны для меню теперь здесь
перенесено
Скрипт с формой, позволяющий осуществлять быструю "навигацию".
Вместо красного текста ставим адреса ссылок
Вместо синего - название ссылок (разделов)
Отредактировано Герда (20.05.13 02:22)
Форма выпадающих ссылок для перехода (HTML)
Сообщений 1 страница 10 из 19
Поделиться120.10.10 06:24
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться212.11.10 18:44
- Бестелесный дух прошлого
- Уважение: +0
Добрый день.
Подскажите, пожалуйста, могло ли добавление строчки
<OPTGROUP label="раздел1:">
повлиять на работоспособность кода? Причём, раньше с ней код работал, однако теперь переходить отказывается при выборе курсором url'a. Куки и кэш почистили.
Поделиться312.11.10 19:51
- Бестелесный дух прошлого
- Уважение: +106
А где-нибудь можно узреть, как результат выглядит?
Поделиться412.11.10 21:13
- Бестелесный дух прошлого
- Уважение: +0
Lisae, на главной странице этого ресурса, в подписи любого форума:
(обведено салатовым маркером)
Поделиться512.11.10 22:00
- Бестелесный дух прошлого
- Уважение: +106
Yan
Так это одно и то же? Ой) Спасибо)
Поделиться615.11.10 10:27
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Yan
Yan написал(а):
Подскажите, пожалуйста, могло ли добавление строчки
<OPTGROUP label="раздел1:">
повлиять на работоспособность кода?
вряд ли.
вот пример нашей навигации по разделу "ролевые игры":
<script language='Javascript'>
function change_sel(url)
{
window.location.href = url;
}
</script>
<form>
<select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
<optgroup label="Статьи:">
<option value="#">Навигация</option>
<option value="https://forumd.ru/viewtopic.php?id=961">Первые шаги</option>
<option value="https://forumd.ru/viewtopic.php?id=960">Администрирование</option>
<option value="https://forumd.ru/viewtopic.php?id=959">Неканоничные ролевые</option>
</optgroup>
<optgroup label="Дискуссии">
<option value="https://forumd.ru/viewtopic.php?id=962">Вопрос-ответ</option>
</optgroup>
</select>
</form>
проверьте, закрыты ли теги (есть ли строчка </optgroup>) и можно попробовать записать код без капса.
если ошибка не найдется, дайте ссылочку на форум, погляжу что там может мешаться.
Поделиться715.11.10 23:10
- Бестелесный дух прошлого
- Уважение: +0
Герда
Код, прописанный у нас отличался от вашего строчкой
onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
Видимо, есть какая-то разница, потому что когда заменили - заработало.) Спасибо большое за помощь 
Поделиться820.02.11 23:52
- Бестелесный дух прошлого
- Уважение: +0
Возник ещё вопрос по скрипту: подскажите, возможно ли прописать отступ для текста внутри выпадающего списка и форматировать текст по правому, н-р, боку или центру?
Поделиться922.11.12 14:21
- Бестелесный дух прошлого
- Уважение: +12
А как поместить эту форму там, нде на рисунке красный квадрат
Поделиться1022.11.12 19:33
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Бармалей
в низ
<style>#my-form {position: absolute; right: 1em;}</style>
<script language='Javascript'>
function change_sel(url)
{
window.location.href = url;
}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="pun-break4") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='my-form'>ТУТ_ФОРМА</div>"+name
}i++}
</script>
форма должна быть без двойных кавычек (") и переносов на следующую строку (не жми интер)
пример:
arr[i].innerHTML="<div id='my-form'><form name='sel'><select name='selector' class='forminput' onchange='change_sel(document.sel.selector.options[document.sel.selector.selectedIndex].value)'><option value='#'>Навигация</option><option value='Ссылка1'>Ссылка1</option><option value='Ссылка2'>Ссылка2</option></select></form></div>"+name
}i++}
