Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Меню Javas в Html
Форум программистов > Интернет и сети > Web-программирование > HTML, CSS, XML, JavaScript
vitayl
9:11:2007, 20:49
Подскажите как задать в HTML древовидное меню нажимаеш на + и выежает подменю
вот так:
+ Оглавление
- Поиск по сайту
- Списки программ
- Рекламные банеры
+ Программы.......
Как на этом сайте, к примеру www.ra-astra.ru
@ero
10:11:2007, 18:24 
 
<script>
function show(id)
{
    var div_head = document.getElementById('item'+id);
    var obj = document.getElementById('subitem'+id);
    if (obj.style.display == 'none')
    {
        div_head.innerHTML = '<a onclick="show('+id+');">-</a>';
        obj.style.display = 'block';
    }
    else
    {
        div_head.innerHTML = '<a onclick="show('+id+');">+</a>';
        
        obj.style.display = 'none';
    }
}
</script>


<div id="item1"><a onclick="show(1);">+</a></div>
<div id="subitem1" style="display:none;padding-left:15px;">
    subitem1<br />
    subitem2<br />
</div>
<div id="item2"><a onclick="show(2);">+</a></div>
<div id="subitem2" style="display:none;padding-left:15px;">
    subitem3<br />
    subitem4<br />
</div>
drag-andriy
12:12:2007, 14:29
всем привет.есть такое меню.как здесь добавить перезагрузку страницы при нажатии на корневом меню
+Games
+Themes
+Programs
Цитата
<script language="JavaScript">
function show(obj) {
if (document.getElementById(obj).style.display == 'none') document.getElementById(obj).style.display = 'block';
else document.getElementById(obj).style.display = 'none';
}</script>

<table border="0" cellpadding="0" cellspacing="0">


<tbody>


<tr>


<td style="text-align: left; vertical-align: top;"><span class="tx2"></span> <big><big><span>

<div><a href=" ">Главная</a></div>


</span></big></big>
<span class="menu" onclick="show('sub1')"><big>+</big>&nbsp;
Games</span> <span class="sub" id="sub1" style="display: none;">

<div><li><a href=" ">1</a></li>
</div>
</span>
<span class="menu" onclick="show('sub2')"><big>+</big>&nbsp;
Themes</span> <span class="sub" id="sub2" style="display: none;">

<div><li><a href=" ">6</a></li>
</div>
</span>
<span class="menu" onclick="show('sub3')"><big>+</big>&nbsp;
&nbsp;Programs</span> <span class="sub" id="sub3" style="display: none;">
<div><li><a href=" ">9</a></li>
</div>
</span>
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Форум IP.Board © 2001-2009 IPS, Inc.