Перейти к публикации

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

Народ. Я перерыл весь форум и не нашел ничего такого.

Подскажите, как мне сделать что бы в меню навигации при нажатии на какой то раздел высвечивался подраздел. Пример:

До нажатия на раздел

- раздел 1

- раздел 2

После нажатия на ссылку раздел 1

-раздел 1

- подраздел 1

- подраздел 2

Вот как мне это устроить? Помогите, плиз.

P.S. Celsoft, не удаляй тему. Я не могу найти на форуме этого. Если тему создал не в том разделе перенеси.

Спасибо Всем!!!

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

Stude_nt, где его можно достать? кто нибудь писал такой? иль знает как написать?

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

Перед <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, плавно выдвигается, слева в окне моего компьютера =) тама типа ссылки на рабочий стол, мои документы, думаю понял, на счёт этого - в личку =)))

а так - думаю этого хватит )

Изменено пользователем gReml1n
Ссылка на сообщение
Поделиться на других сайтах

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

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

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

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

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

×
×
  • Создать...