WMDrakon 20 Опубликовано: 15 апреля 2007 Рассказать Опубликовано: 15 апреля 2007 Народ. Я перерыл весь форум и не нашел ничего такого. Подскажите, как мне сделать что бы в меню навигации при нажатии на какой то раздел высвечивался подраздел. Пример: До нажатия на раздел - раздел 1 - раздел 2 После нажатия на ссылку раздел 1 -раздел 1 - подраздел 1 - подраздел 2 Вот как мне это устроить? Помогите, плиз. P.S. Celsoft, не удаляй тему. Я не могу найти на форуме этого. Если тему создал не в том разделе перенеси. Спасибо Всем!!! Цитата Ссылка на сообщение Поделиться на других сайтах
Stude_nt 0 Опубликовано: 15 апреля 2007 Рассказать Опубликовано: 15 апреля 2007 WMDrakon, Тебе нужен ява скрипт для этого дела, по другому не получится Цитата Ссылка на сообщение Поделиться на других сайтах
WMDrakon 20 Опубликовано: 15 апреля 2007 Рассказать Опубликовано: 15 апреля 2007 Автор Stude_nt, где его можно достать? кто нибудь писал такой? иль знает как написать? Цитата Ссылка на сообщение Поделиться на других сайтах
gReml1n 0 Опубликовано: 15 апреля 2007 Рассказать Опубликовано: 15 апреля 2007 (изменено) Перед <HEAD> вставляешь это: <style type="text/css"> .menutitle{ cursor:pointer; //HTML знаешь - разберёшься ) margin-bottom: 5px; background-color:#ECECFF; color:#000000; width:140px; padding:2px; text-align:center; font-weight:bold; /*/*/border:1px solid #000000;/* */ } .submenu{ margin-bottom: 0.5em; } </style> <script type="text/javascript"> /*********************************************** * Switch Menu script- by gReml1n * Modified for format & NS4/IE4 compatibility * Чуть чуть английского не помешает =))) ***********************************************/ var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ document.write('<style type="text/css">\n') document.write('.submenu{display: none;}\n') document.write('</style>\n') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); if(el.style.display != "block"){ for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } } function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue } if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> В самой странице вставляешь это: <!-- Keep all menus within masterdiv--> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">Категория 1</div> <span class="submenu" id="sub1"> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a> </span> <div class="menutitle" onclick="SwitchMenu('sub2')">Категория 1</div> <span class="submenu" id="sub2"> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a> </span> <div class="menutitle" onclick="SwitchMenu('sub3')">Категория 1</div> <span class="submenu" id="sub3"> - <a href="#">Подкатегория</a><br> </span> <div class="menutitle" onclick="SwitchMenu('sub4')">Категория 1</div> <span class="submenu" id="sub4"> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a> </span> * тут можно сделать картинкой категорию <img src="категория5.gif" onclick="SwitchMenu('sub5')"><br> <span class="submenu" id="sub5"> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> - <a href="#">Подкатегория</a><br> </span> </div> дальше думаю разберёшься сам если хочешь это всё переведи в отдельный JS файл и подключи к странице... а так - основа есть... ещё можно сделать как в XP, плавно выдвигается, слева в окне моего компьютера =) тама типа ссылки на рабочий стол, мои документы, думаю понял, на счёт этого - в личку =))) а так - думаю этого хватит ) Изменено 15 апреля 2007 пользователем gReml1n Цитата Ссылка на сообщение Поделиться на других сайтах
AntonG 0 Опубликовано: 15 апреля 2007 Рассказать Опубликовано: 15 апреля 2007 (изменено) http://pav.mv.ru/2007/04/01/the_dynamic_me...ersion_2_1.html Изменено 15 апреля 2007 пользователем AntonG Цитата Ссылка на сообщение Поделиться на других сайтах
WMDrakon 20 Опубликовано: 16 апреля 2007 Рассказать Опубликовано: 16 апреля 2007 Автор Спасибо большое. Очень мне помогли. Цитата Ссылка на сообщение Поделиться на других сайтах
Гость Опубликовано: 22 апреля 2007 Рассказать Опубликовано: 22 апреля 2007 <#thank#> Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.