Меню Javas в Html

vitayl

New Member
27.04.2007
1
0
#1
Подскажите как задать в HTML древовидное меню нажимаеш на + и выежает подменю
вот так:
+ Оглавление
- Поиск по сайту
- Списки программ
- Рекламные банеры
+ Программы.......
Как на этом сайте, к примеру www.ra-astra.ru
 
@

@ero

Гость
#2
Код:
<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>
 
D

drag-andriy

Гость
#3
всем привет.есть такое меню.как здесь добавить перезагрузку страницы при нажатии на корневом меню
+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>
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>
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>
Programs</span> <span class="sub" id="sub3" style="display: none;">
<div><li><a href=" ">9</a></li>
</div>
</span>