ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Фонд форумаРеклама на сайте
Стать модераторомОтзывыДонат

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Форма выпадающих ссылок для перехода


Форма выпадающих ссылок для перехода

Сообщений 1 страница 10 из 19

1

Скрипт с формой, позволяющий осуществлять быструю "навигацию".
http://gerda.moy.su/_bd/1/105.png

<script language='Javascript'>
function change_sel(url)
{
window.location.href = url;
}
</script>
<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>

Вместо красного текста ставим адреса ссылок
Вместо синего - название ссылок (разделов)

Отредактировано Герда (20.05.2013 02:22:38)

0

2

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

<OPTGROUP label="раздел1:">

повлиять на работоспособность кода? Причём, раньше с ней код работал, однако теперь переходить отказывается при выборе курсором url'a. Куки и кэш почистили.

0

3

А где-нибудь можно узреть, как результат выглядит?

0

4

Lisae, на главной странице этого ресурса, в подписи любого форума:
http://s011.radikal.ru/i316/1011/e3/4bc579dd82a4.png
(обведено салатовым маркером)

0

5

Yan
Так это одно и то же? Ой) Спасибо)

0

6

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>) и можно попробовать записать код без капса.
если ошибка не найдется, дайте ссылочку на форум, погляжу что там может мешаться.

+1

7

Герда
Код, прописанный у нас отличался от вашего строчкой

onChange="location.href=(form.select.options[form.select.selectedIndex].value)">

Видимо, есть какая-то разница, потому что когда заменили - заработало.) Спасибо большое за помощь  http://i.smiles2k.net/aiwan_smiles/smile3.gif

0

8

Возник ещё вопрос по скрипту: подскажите, возможно ли прописать отступ для текста внутри выпадающего списка и форматировать текст по правому, н-р, боку или центру?

0

9

А как поместить эту форму там, нде на рисунке красный квадрат
http://s3.uploads.ru/t/fEo1P.png

0

10

Бармалей
в низ

<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++}

+1

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Форма выпадающих ссылок для перехода