ВСЕ скрипты и шаблоны для меню теперь здесь
Скрипт с формой, позволяющий осуществлять быструю "навигацию".
Вместо красного текста ставим адреса ссылок
Вместо синего - название ссылок (разделов)
Отредактировано Герда (20.05.13 02:22)
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Устаревшие скрипты и коды » Форма выпадающих ссылок для перехода (HTML)
ВСЕ скрипты и шаблоны для меню теперь здесь
Скрипт с формой, позволяющий осуществлять быструю "навигацию".
Вместо красного текста ставим адреса ссылок
Вместо синего - название ссылок (разделов)
Отредактировано Герда (20.05.13 02:22)
Добрый день.
Подскажите, пожалуйста, могло ли добавление строчки
<OPTGROUP label="раздел1:">
повлиять на работоспособность кода? Причём, раньше с ней код работал, однако теперь переходить отказывается при выборе курсором url'a. Куки и кэш почистили.
А где-нибудь можно узреть, как результат выглядит?
Lisae, на главной странице этого ресурса, в подписи любого форума:
(обведено салатовым маркером)
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="http://forumd.ru/viewtopic.php?id=961">Первые шаги</option>
<option value="http://forumd.ru/viewtopic.php?id=960">Администрирование</option>
<option value="http://forumd.ru/viewtopic.php?id=959">Неканоничные ролевые</option>
</optgroup>
<optgroup label="Дискуссии">
<option value="http://forumd.ru/viewtopic.php?id=962">Вопрос-ответ</option>
</optgroup>
</select>
</form>
проверьте, закрыты ли теги (есть ли строчка </optgroup>) и можно попробовать записать код без капса.
если ошибка не найдется, дайте ссылочку на форум, погляжу что там может мешаться.
Герда
Код, прописанный у нас отличался от вашего строчкой
onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
Видимо, есть какая-то разница, потому что когда заменили - заработало.) Спасибо большое за помощь
Возник ещё вопрос по скрипту: подскажите, возможно ли прописать отступ для текста внутри выпадающего списка и форматировать текст по правому, н-р, боку или центру?
Бармалей
в низ
<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++}
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Устаревшие скрипты и коды » Форма выпадающих ссылок для перехода (HTML)