[Модуль] Менюшка в стиле проводника

06-19-2012, 08:46 PM

Создание меню в стиле проводника.

Идем в админку:

vBa CMPS -> Добавить модуль -> Тип модуля выбрать Шаблон модуль

Название модуля - Менюшка
Подключаемый шаблон adv_portal_menu
Выделить стили в которых модуль будет использоваться
Содержимое шаблона - Вставить код, изменив ссылки на свои

Code:

<tr><td class="$bgclass">
<SCRIPT type=text/javascript>

if (document.getElementById){ //DynamicDrive.com change
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";
		}
	}
}

</SCRIPT>

    <DIV id=masterdiv>
      <div class="menutitle" onClick="SwitchMenu('sub1')">ВЫБОР А</DIV>
	  <span class="submenu" id="sub1">
	  <A href="01.html">первый 1</A><BR>
	  <A href="02.html">второй 1</A><BR>
	  <A href="03.html">третий 1</A></SPAN></DIV>	  
	  
	  <DIV id=masterdiv>
      <div class="menutitle" onClick="SwitchMenu('sub2')">ВЫБОР Б</DIV>
	  <span class="submenu" id="sub2">
	  <A href="01.html">первый 2</A><BR>
	  <A href="02.html">второй 2</A></SPAN></DIV>

Вот и все!
А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот:

Вот как это работает у меня

да еще забыл кое что добавить, не помню в каком, но помоему в браузере IE курсор отображается при наведении на раздел как текст, чтобы это поправить, добавьте в поле «Дополнительные определения CSS»
Это:

PHP Code:


			
.menutitle { 

cursor: default;

 }

06-19-2012, 10:46 PM

yegbr, т.е. меню у вас руками создается?

06-19-2012, 10:56 PM

вообще да, не по феншую это - статичные менюшки, созданные руками

но если не планируется массовое добавление таких менюшек раз в день, то почему нет? =)

06-19-2012, 11:01 PM

Quote:

Originally Posted by yegbr

А вот это надо бы убрать из кода.

06-20-2012, 02:29 AM

Quote:

Originally Posted by kerk

но если не планируется массовое добавление таких менюшек раз в день, то почему нет?

Лучше уже делать универсальное решение, чем потом объяснять, что за чем )))

06-20-2012, 11:34 AM

Quote:

Originally Posted by Sven

yegbr, т.е. меню у вас руками создается?

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

yegbr добавил 20.06.2012 в 10:34
единственно что не хватает на мой взгяд данному меню - это привязка к кукам, так как при перелистывании страници все меню снова свернуто, хотелось бы это реализовать

06-20-2012, 01:39 PM

Quote:

Originally Posted by yegbr

if(document.getElementById){

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

Quote:

Originally Posted by yegbr

это привязка к кукам, так как при перелистывании страници все меню снова свернуто

Зачем к кукам? Контейнер текущего элемента показывать развернутым сразу.

06-20-2012, 04:11 PM

Quote:

Originally Posted by Sellrion

Зачем к кукам? Контейнер текущего элемента показывать развернутым сразу.

У меня на форуме 212 разделов, интересно сколько мне в таком случае минут придется мотать страницу вниз. чтобы посмотреть футер.
Надо именно чтобы запоминалась позиция развертывание меню. Ушел с сайта с развернытым одним разделом, пришел на сайт и снова развернут один раздел

yegbr добавил 20.06.2012 в 15:11

Quote:

Originally Posted by yegbr

212 разделов

+ около 40-ка страниц в vBa

06-21-2012, 09:04 PM

Quote:

а это так и не вырезал.
Хорошее меню, вырезал самое основное. +сык тыкнул

06-22-2012, 12:57 AM

Quote:

Originally Posted by cyxapuk

а это так и не вырезал.

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

yegbr добавил 21.06.2012 в 23:57
да еще забыл кое что добавить, не помню в каком, но помоему в браузере IE курсор отображается при наведении на раздел как текст, чтобы это поправить, добавьте в поле «Дополнительные определения CSS»
Это:

PHP Code:


			
.menutitle { 

cursor: default;

 }