Помощник
 |
|
|
|
|
Сообщение сайта
|
 Теги или скрипт? |
kgalkin
|
Сообщение
#1
|
||
 Участник  Группа: User Сообщений: 244 Регистрация: 21.12.2008 Из: Москва Поблагодарили: 43 раза Репутация:  10 
 |
|
||
 |
|
||
|
dengol
|
 5.6.2009, 12:57;
Ответить: dengol
Сообщение
#2
|
 Бывалый Группа: User Сообщений: 401 Регистрация: 18.3.2008 Из: Москва Поблагодарили: 89 раз Репутация: 23
|
Для меню я так понимаю?
Вот пример, код можно вынести в отдельный js если нужно, дизайн тоже можно как угодно подогнать CODE <html><head>
<title> Многоуровневый раскрывающийся список DOM </title> <style> .colelem {position: relative; display: none;} .expelem {position: relative; display: block;} .exeexe {position: relative; width:300; background:gold; cursor:pointer; list-style-type: none;} .exeexe2 {position: relative; display: block; cursor:pointer;} </style> <script> var zakr=''; var zzakk=''; function A(Event) { if (window.event) zzakk=event.srcElement; else zzakk=Event.target; zakr=zzakk.className; if (zakr=="exelem") { for (var i=0;i<zzakk.childNodes.length;i++) { if (zzakk.childNodes[i].className) { if (zzakk.childNodes[i].className=="colelem") { if (zzakk.childNodes[i].childNodes.length!=1) zzakk.childNodes[i].style.color="red"; else zzakk.childNodes[i].style.color="black"; zzakk.childNodes[i].className="exelem"; } else { for (var i=0;i<zzakk.childNodes.length;i++) { if (zzakk.childNodes[i].className) zzakk.childNodes[i].className="colelem"; } } } } } else if (zakr=="exeexe") { for (var i=0;i<zzakk.childNodes.length;i++) { if (zzakk.childNodes[i].className=="colelem") { if (zzakk.childNodes[i].childNodes.length!=1) zzakk.childNodes[i].style.color="red"; zzakk.childNodes[i].className="exelem"; } else { if (zzakk.childNodes[i].className) { zzakk.childNodes[i].style.color="black"; zzakk.childNodes[i].className="colelem"; } } } } } </script> </head> <body onClick="A(event)"> <ul> <ul class="exeexe" id="a1">1 <ul class="colelem" id="a2">1.1 <ul class="colelem" id="a3">1.1.1</ul> <ul class="colelem" id="a4">1.1.2 <ul class="colelem" id="a5">1.1.2.1</ul> <ul class="colelem" id="a6">1.1.2.2</ul> </ul> <ul class="colelem" id="a7">1.1.3</ul> </ul> <ul class="colelem" id="a8">1.2</ul> <ul class="colelem" id="a9">1.3</ul> <ul class="colelem" id="a10">1.4 <ul class="colelem" id="a11">1.4.1</ul> <ul class="colelem" id="a12">1.4.2</ul> </ul></ul> <ul class="exeexe" id="a13">2 <ul class="colelem" id="a14">2.1 <ul class="colelem" id="a15">2.1.1</ul> <ul class="colelem" id="a16">2.1.2</ul> </ul> </ul> <ul class="exeexe" id="a13">3 <ul class="colelem" id="a14">3.1 <ul class="colelem" id="a15">3.1.1 <ul class="colelem" id="a16"><a href="1.htm">3.1.1.1</a></ul> </ul></ul> <ul class="colelem" id="a14"><a href="2.htm">3.1.2</a> </ul> </ul> </ul> </body> </html> |
|
|
|
GreyGhost
|
5.6.2009, 12:57;
Ответить: GreyGhost
Сообщение
#3
|
|
Завсегдатай 
 Группа: Active User Сообщений: 661 Регистрация: 17.3.2009 Поблагодарили: 114 раз Репутация: 5
|
js
как и выпадающее меню, только событие на клик сменить |
|
|
|
|
kgalkin
|
Сообщение
#4
|
|
Участник Группа: User Сообщений: 244 Регистрация: 21.12.2008 Из: Москва Поблагодарили: 43 раза Репутация: 10
|
Не совсем правильно выразился...
не для меню... Вот афиша театра на два месяца. Хочу так же добавить чисто репертуар актера.. Все в одном листе -куча информации, которую не очень удобно читать. Потому хочу сделать типа оглавления Афиша - июнь Афиша - июль и т.д.. Жмешь на нужный месяц - страница растягивается и появляется непосредственно афиша на месяц...и убирается так же.. Сообщение отредактировал kgalkin - 5.6.2009, 13:03 -------------------- |
|
|
|
|
dengol
|
5.6.2009, 13:22;
Ответить: dengol
Сообщение
#5
|
|
Бывалый Группа: User Сообщений: 401 Регистрация: 18.3.2008 Из: Москва Поблагодарили: 89 раз Репутация: 23
|
Мммм наверное вариант типа спойлера должен подойти......
CODE <div style='width: 99%; border: 1px dashed #005588; border-left: 4px solid #0074ee;'>
<script language='javascript' type='text/javascript'> <!-- if(!_s_id) { var _s_id = 0; var sp_title = ""; function switch_spoiler(id, title) { if(document.getElementById("sp_d_" + id).style.display == "block") { document.getElementById("sp_a_" + id).innerHTML = "*" + title; document.getElementById("sp_d_" + id).style.display = "none"; } else { document.getElementById("sp_a_" + id).innerHTML = "^ " + title; document.getElementById("sp_d_" + id).style.display = "block"; } } } _s_id++; document.write("<div id='sp_a_" + _s_id + "' onclick='switch_spoiler(" + _s_id + ", \"Заголовок когда раскрыто\");' style='vertical-align: middle; height: 30px; line-height: 30px; padding-left:10px; background-color: #e7eef7; font-size: 12px; font-weight: bold; color: #0064e5; cursor: hand;'>Заголовок</div><div id='sp_d_" + _s_id + "' style='display: none; min-height: 25px; background-color: white; padding-left:10px; padding-top:5px; padding-bottom:5px;'>"); --> </script> текст</div></div> |
|
|
|
|
kgalkin
|
Сообщение
#6
|
|
|
Участник Группа: User Сообщений: 244 Регистрация: 21.12.2008 Из: Москва Поблагодарили: 43 раза Репутация: 10
|
(dengol @ 5.6.2009, 13:22)  Мммм наверное вариант типа спойлера должен подойти...... Аха, отлично... Сейчас до ума доведу...а то цвет не очень )) Спасибо!
-------------------- |
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Создать видеоканал лучше в ютуб или телеграм? | 20 | uahomka | 3516 | 20.4.2024, 20:56 автор: Vmir |
|
Если статья не в индексе Google - она уникальна или нет? | 5 | uahomka | 1440 | 3.4.2024, 23:56 автор: Liudmila |
|
Где больше пробив на кликандер или попандер или попап трафике? | 1 | Boymaster | 679 | 20.3.2024, 9:50 автор: Skyworker |
 |
Выполню качественную верстку макетов или разработка собственного, быстро и не дорого от 45$ |
123 | webche | 117227 | 17.3.2024, 7:09 автор: webche |
|
От какого экрана будут меньше уставать глаза OLED или IPS? | 3 | metvekot | 1035 | 12.3.2024, 16:25 автор: MisterBit |
|
Текстовая версия | Сейчас: 23.4.2024, 11:34 |
