Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.09.2013, 16:23   #1
FaycT
Новичок
Джуниор
 
Регистрация: 12.09.2013
Сообщений: 1
По умолчанию Подпункты в меню

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

Код HTML:
<!DOCTYPE html>

<html>

<head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>

<div id="menu_body">
	<ul>
		<li><a href="#" onclick="openMenu('sub_menu_1');return(false)"><center>Теория</center></a>
			<ul id="sub_menu_1">
				<li><a href="#"><center>Глава №1. Человек и информация</center></a>	
				<li><a href="#"><center>Глава №2. Компьютер: устройство и ПО</center></a></li>
				<li><a href="#"><center>Глава №3. Текстовая информация и компьютер</center></a></li>
				<li><a href="#"><center>Глава №4. Графическая информация и компьютер</center></a></li>
				<li><a href="#"><center>Глава №5. Мультимедии и компьютерные презентации</center></a></li>
			</ul>
		</li>
		<li><a href="#" onclick="openMenu('sub_menu_2');return(false)"><center>Итоговая проверка знаний</center></a>
			<ul id="sub_menu_2">
				<li><a href="#"><center>Проверочный тест №1</center></a></li>
				<li><a href="#"><center>Проверочный тест №2</center></a></li>
				<li><a href="#"><center>Проверочный тест №3</center></a></li>
				<li><a href="#"><center>Проверочный тест №4</center></a></li>
				<li><a href="#"><center>Проверочный тест №5</center></a></li>	
			</ul>
		</li>
		<li><a href="#" ;return(false)"><center>Глоссарий</center></a>
		
		</li>
	</ul>
</div>

<script type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2');
startList = function allclose() {
	for (i=0; i < id_menu.length; i++){
		document.getElementById(id_menu[i]).style.display = "none";
	}
}
function openMenu(id){
	for (i=0; i < id_menu.length; i++){
		if (id != id_menu[i]){
			document.getElementById(id_menu[i]).style.display = "none";
		}
	}
	if (document.getElementById(id).style.display == "block"){
		document.getElementById(id).style.display = "none";
	}else{
		document.getElementById(id).style.display = "block";
	}
}
window.onload=startList;
</script>

</html>
___________________
пользуйтесь тегами для оформления кода!
Модератор

Последний раз редактировалось Serge_Bliznykov; 12.09.2013 в 16:53.
FaycT вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Меню codrops (стильное меню), Как сделать чтобы текст не смещался в блоке? AlienNation HTML и CSS 2 28.09.2011 13:17
меню как на сайте p&g (меню ввиде таблицы) ilma55 WordPress и другие CMS 0 19.09.2010 19:09
Подпункты левой части каркаса Golovastik HTML и CSS 1 26.07.2010 09:27
И сново sendMessage =) Как нажать пункт верхнего меню и меню правой кнопки? TwiX Win Api 9 15.10.2009 01:57
Меню с Items в виде набора Bitmap (как меню редактирования в Word'е) chandrasecar Мультимедиа в Delphi 7 14.01.2009 09:20