Перейти к контенту
  • 0

Выпадающие меню.

bgd

Спросил bgd,

 Поделиться

Вопрос

bgd

bgd

Опубликовано
Опубликовано

Люди, помогите!

Я решил из форума создать сайт, и у меня получается очень много разделов, так вот, у меня в голову пришла идея, сделать навигационное выпадающие меню. Так как я в Яве не шарю, приходится просить у вас!!! Помогите, пожалуйста, меню выпадающие нужно под шапкой ну в общем рядом с этими ссылками:

Помощь, Поиск, Пользователи, Календарь.

Ссылка на комментарий
Поделиться на других сайтах

14 ответов на этот вопрос

Рекомендуемые сообщения

  • 0
Xander

Xander

Опубликовано
Опубликовано 
<a id="menu_glob" href="{ipb.script_url}">Навигация<IMG title="" alt=V 
  src="style_images/<#IMG_DIR#>/menu_action_down.gif" border=0></a>
<script type=text/javascript>
//<![CDATA[
 menu_build_menu(
 "menu_glob",
 new Array(
		  img_item +  ' <a href="{ipb.script_url}act=help">Помощь</a>',
  			img_item +  ' <a href="{ipb.script_url}act=Search">Поиск</a>',
		  img_item +  ' <a href="{ipb.script_url}act=Members">Пользователи</a>',
		  img_item +  ' <a href="{ipb.script_url}act=calendar">Календарь</a>',

	) );
//]]>
</SCRIPT>

Ссылка на комментарий
Поделиться на других сайтах
  • 0
Aliance spb

Aliance spb

Опубликовано
Опубликовано
Так как я в Яве не шарю

Сколько раз повторять, Java и JavaScript два СОВЕРШЕННО разных языка программирования. Как табурет и жираф.

Ссылка на комментарий
Поделиться на других сайтах
  • 0
kams

kams

Опубликовано
Опубликовано
Люди, помогите!

Я решил из форума создать сайт, и у меня получается очень много разделов, так вот, у меня в голову пришла идея, сделать навигационное выпадающие меню. Так как я в Яве не шарю, приходится просить у вас!!! Помогите, пожалуйста, меню выпадающие нужно под шапкой ну в общем рядом с этими ссылками:

Помощь, Поиск, Пользователи, Календарь.

и куда это?

Ссылка на комментарий
Поделиться на других сайтах
  • 0
bgd

bgd

Опубликовано
  • Автор
Опубликовано 
<a id="menu_glob" href="{ipb.script_url}">Навигация<IMG title="" alt=V 
  src="style_images/<#IMG_DIR#>/menu_action_down.gif" border=0></a>
<script type=text/javascript>
//<![CDATA[
 menu_build_menu(
 "menu_glob",
 new Array(
		  img_item +  ' <a href="{ipb.script_url}act=help">Помощь</a>',
  			img_item +  ' <a href="{ipb.script_url}act=Search">Поиск</a>',
		  img_item +  ' <a href="{ipb.script_url}act=Members">Пользователи</a>',
		  img_item +  ' <a href="{ipb.script_url}act=calendar">Календарь</a>',

	) );
//]]>
</SCRIPT>

Все не че, но оно не выпадает!!! Отображается только надпись навигация и все!!!

Как исправить?

Ссылка на комментарий
Поделиться на других сайтах
  • 0
Xander

Xander

Опубликовано
Опубликовано
Все не че, но оно не выпадает!!! Отображается только надпись навигация и все!!!

Как исправить?

 

Куда вы этот код вставили?

 

P.S. для работы этого меню необходимо чтобы был подключен ips_menu_html.js

 

Этот js находится в папке с скинон, его можно подключить таким образом:

<script type="text/javascript" src='style_images/skin_x/folder_js_skin/ips_menu_html.js'></script>

Ссылка на комментарий
Поделиться на других сайтах
  • 0
bgd

bgd

Опубликовано
  • Автор
Опубликовано

Все не че, но оно не выпадает!!! Отображается только надпись навигация и все!!!

Как исправить?

 

Куда вы этот код вставили?

 

P.S. для работы этого меню необходимо чтобы был подключен ips_menu_html.js

 

Этот js находится в папке с скинон, его можно подключить таким образом:

<script type="text/javascript" src='style_images/skin_x/folder_js_skin/ips_menu_html.js'></script>

А попадробней? Куда нужно прописать эту строчку или как там че?

Вставляю в шапку где ссылки:

Помощь • Поиск • Пользователи • Календарь

 

Точнее я вставляю его в "global_board_header"

 

Попадробней опешите, кто, где и что?

Ссылка на комментарий
Поделиться на других сайтах
  • 0
Xander

Xander

Опубликовано
Опубликовано

В правельном месте правите!

 

//--------------------------------------------------------------------------------------------

<!--ipb.javascript.start-->

<script type="text/javascript">

//<![CDATA[

var ipb_var_st = "{ipb.input['st']}";

var ipb_lang_tpl_q1 = "{ipb.lang['tpl_q1']}";

var ipb_var_s = "{ipb.session_id}";

var ipb_var_phpext = "{ipb.vars['php_ext']}";

var ipb_var_base_url = "{$this->ipsclass->js_base_url}";

var ipb_var_image_url = "{ipb.vars['img_url']}";

var ipb_input_f = "{ipb.input['f']}";

var ipb_input_t = "{ipb.input['t']}";

var ipb_input_p = "{ipb.input['p']}";

var ipb_var_cookieid = "{ipb.vars['cookie_id']}";

var ipb_var_cookie_domain = "{ipb.vars['cookie_domain']}";

var ipb_var_cookie_path = "{ipb.vars['cookie_path']}";

var ipb_md5_check = "{$this->ipsclass->md5_check}";

var ipb_new_msgs = {ipb.member['new_msg']};

var use_enhanced_js = {$this->ipsclass->can_use_fancy_js};

var use_charset = "{ipb.vars['gb_char_set']}";

var ipb_myass_chars_lang = "{ipb.lang['myass_chars']}";

//]]>

</script>

<script type="text/javascript" src='jscripts/ipb_global.js'></script>

<script type="text/javascript" src='jscripts/ips_menu.js'></script>

<script type="text/javascript" src='{ipb.vars['img_url']}/folder_js_skin/ips_menu_html.js'></script>

<!--ipb.javascript.end-->

<div class="borderwrap">

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>

<div id="submenu">

<p class="home"><!--ipb.leftlinks.start--><a href="{ipb.vars['home_url']}">{ipb.vars['home_name']}</a><!--IBF.RULES--><!--ipb.leftlinks.end--></p>

<p><!--ipb.rightlinks.start-->

<if="component_links != """>

{$component_links}

</if>

 

<a href="{ipb.script_url}act=Help">{ipb.lang['tb_help']}</a><a href="{ipb.script_url}act=Search&f={ipb.input['f']}">{ipb.lang['tb_search']}</a><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a>

<!--ipb.rightlinks.end--></p>

 

<a id="menu_glob" href="{ipb.script_url}">Навигация<IMG title="" alt=V

src="style_images/<#IMG_DIR#>/menu_action_down.gif" border=0></a>

<script type=text/javascript>

//<![CDATA[

menu_build_menu(

"menu_glob",

new Array(

img_item + ' <a href="{ipb.script_url}act=help">Помощь</a>',

img_item + ' <a href="{ipb.script_url}act=Search">Поиск</a>',

img_item + ' <a href="{ipb.script_url}act=Members">Пользователи</a>',

img_item + ' <a href="{ipb.script_url}act=calendar">Календарь</a>'

 

) );

//]]>

</SCRIPT>

</div>

</div>

<if="ipb.can_use_fancy_js != 0">

<script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script>

<script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script>

<script type="text/javascript" src='jscripts/dom-drag.js'></script>

<div id='get-myassistant' style='display:none;width:400px;text-align:left;'>

<div class="borderwrap">

<div class='maintitle' id='myass-drag' title='{ipb.lang['myass_drag']}'>

<div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>

<div>{ipb.lang['myass_title']}</div>

</div>

<div id='myass-content' style='overflow-x:auto;'></div>

</div>

</div>

<div id='loading-layer' style='display:none;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000'><div style='font-weight:bold' id='loading-layer-text'>{ipb.lang['ajax_loading_msg']}</div><br /><img src='style_images/<#IMG_DIR#>/loading.gif' border='0' /></div>

</if>

 

<!-- / End board header -->

//--------------------------------------------------------------------------------------------

 

 

 

Зеленый- по дефолту есть

Красный- надо добавить

Желтый- надо удалить

 

*Все остальное тоже по дефолту

 

P.S. не работало потомутчто я лишнюю запятую написал в коде :D

Бывает)

 

Код должен быть таким:

<a id="menu_glob" href="{ipb.script_url}">Навигация<IMG title="" alt=V 
  src="style_images/<#IMG_DIR#>/menu_action_down.gif" border=0></a>
<script type=text/javascript>
//<![CDATA[
 menu_build_menu(
 "menu_glob",
 new Array(
		  img_item +  ' <a href="{ipb.script_url}act=help">Помощь</a>',
		   img_item +  ' <a href="{ipb.script_url}act=Search">Поиск</a>',
		  img_item +  ' <a href="{ipb.script_url}act=Members">Пользователи</a>',
		  img_item +  ' <a href="{ipb.script_url}act=calendar">Календарь</a>'

	) );
//]]>
</SCRIPT>

Ссылка на комментарий
Поделиться на других сайтах
  • 0
Stefanm

Stefanm

Опубликовано
Опубликовано
Присоединяюсь, огромное спасибо! А как сделать, чтобы выпадающих менюшек было 2 и/или более?
Ссылка на комментарий
Поделиться на других сайтах
  • 0
FatCat

FatCat

Опубликовано
Опубликовано

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

 

Присоединяюсь, огромное спасибо! А как сделать, чтобы выпадающих менюшек было 2 и/или более?

Если сам не силен в джава-скрипт, поищи в сети программу Sotnik DHTML-menu.

Старые версии программы были бесплатными, да и последние не дорого стоят. А если нет денег, можно к старой версии программы привинтить js-файл от последней триалки :D

Ссылка на комментарий
Поделиться на других сайтах
  • 0
Stefanm

Stefanm

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

Флеш прикольно! А за прогу спасибо, поищу.

Ссылка на комментарий
Поделиться на других сайтах
  • 0
Stefanm

Stefanm

Опубликовано
Опубликовано
Прога классная, меню делает элементарно, сохраняет файл как *.js, но как его приспособить к форуму?
Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Ответить на вопрос...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
 Поделиться
Перейти к списку вопросов
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.

  Согласен