Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужна помощь! / 2 сообщений из 2, страница 1 из 1
18.04.2007, 08:51
    #34468289
katerina85
katerina85
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна помощь!
Проблема вот в чем, когда я перехожу по основному меню, у меня не сворачивается подменю. Например, я нажала Каталог и там пробежалась по группам, потом перешла на Сертификаты, а потом снова вернулась к Каталогу, и там отображается развёрнутое меню, а оно должно быть свёрнуто!!!

Может нужна ещё какая-то процедура?!

Помогите, пожалуйста.

Вот код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Presentation</title>
<style>
div.razd {cursor:default; background-color:#98AF85; text-align:center;width:200px; height:23px; font:Georgia, 'Times New Roman', Times,serif; color:#FBFBC9}
div.activerazd {cursor:default; background-color:#B8DC7C; text-align:center;width:200px; height:23px; font:Georgia, 'Times New Roman', Times,serif; color:#FBFBC9}

div.mynone {display:none;cursor:default; background-color:#B6DDC8; text-align:center;width:200px; height:23px; font:Georgia, 'Times New Roman', Times, serif}
div.table1 {text-align:center;top:5; left:0;width:auto; overflow:visible; overflow-x:visible; height:auto;}
div.level {cursor:default; background-color:#CCFFCC; width:200px; height:0px;}

div.table2 {width:auto; border:border-width:thick, border-style:inset, color:#0000FF}

td.content_group {display:none; background-color:#000000;}
td.active_content_group {display:inline; background-color:#000000}

td.group_quadrat {background-image:url(prod.GIF);background-repeat:no-repeat; background-position:center; background-color:#B6DDC8; text-align:center; width:12px}
td.group {cursor:default; background-color:#A9A9A9; text-align:center;width:200px; height:20px; font:Georgia, 'Times New Roman', Times, serif; color:#FFFF00}
td.activegroup {cursor:default; background-color:#B8DC7C; text-align:center;width:200px; height:20px; font:Georgia, 'Times New Roman', Times, serif;color:#FFFF00}

td.group_empty {background-color:#B6DDC8;width:28px}
td.group_marks {cursor:default; background-color:#B6DDC8; text-align:center;width:auto; height:auto; font:Georgia, 'Times New Roman', Times, serif; color:#F8F8F8}

div.mark {cursor:default; background-color:#B6DDC8;text-align:center;width:150px;top:5; overflow:visible; overflow-x:visible; height:auto;
font:Georgia, 'Times New Roman', Times, serif; color:#F8F8F8}
div.activemark {cursor:default; background-color:#669900; text-align:center;width:200px; height:23px; font:Georgia, 'Times New Roman', Times, serif; color:#F8F8F8}

p.mark1 {cursor:default; background-color:#A9A9A9; text-align:center; font:Georgia, 'Times New Roman', Times, serif; color:#FFFFFF;}
p.activemark1 {cursor:default; background-color:#B8DC7C; text-align:center; font:Georgia, 'Times New Roman', Times, serif; color:#ffffff; }

td.mark_quadrat {background-image:url(mark.GIF);background-repeat:no-repeat; background-position:center; background-color:#B6DDC8; text-align:left; width:12px; height:5}
td.mark_name {background-color:#A9A9A9; border:border-width:thick, border-style:groove, color:#ffffff; text-align:center; width:94%}
a.mark_font {font:Georgia, 'Times New Roman', Times, serif; color:#ffffff}
div.table3 {width:100; border:border-width:thin, border-style:solid, color:#669900; position:absolute; left:360px;}
.hidden {position:absolute; visibility:hidden;}
.visible {position:absolute; visibility:visible;}
</style>
</head>
<SCRIPT>
function mark(el)
{
//el.style.width = '50%';
var Vater = el.parentNode;
var list = Vater.childNodes;
for (var i = 0; i < list.length; i++)
list.className = 'mark1';
el.className = 'activemark1';
current = el.className;
}
function mark2(el)
{
current = el.className;
el.className = 'mark1';
}
function razd(el)
{
//el.style.width = '50%';
var Vater = el.parentNode;
var list = Vater.childNodes;
for (var i = 0; i < list.length; i++)
list.className = 'razd';
el.className = 'activerazd';
current = el.className;
}
function razd2(el)
{
current = el.className;
el.className = 'razd';
}

function func(el)
{
var Opa = el.parentNode.parentNode;
var num = String(el.id.toString().substring(11,el.id.toString().length));
if (el.className == 'activegroup')//if push on an active group
{
el.className = 'group';
document.getElementById('content_group_' + num).style.display = 'none';
return;
}

for (var i = 0; i < Opa.childNodes.length; i++)
{
if(Opa.childNodes.item(i).id.toString().indexOf('content_group_')==0)
{
Opa.childNodes.item(i).style.display = 'none';
};
if(Opa.childNodes.item(i).id.toString().indexOf('group_')==0)
{
var temp = document.getElementById(Opa.childNodes.item(i).id);
for (var j = 0; j < temp.childNodes.length; j++)
{
if (temp.childNodes.item(j).id.toString().indexOf('name_group_')==0)
temp.childNodes.item(j).className = 'group';
}
}
}

var cur_ob = document.getElementById('content_group_' + num);
cur_ob.style.display = 'inline';
el.className = 'activegroup';

}
function change(el)
{
if ((el.className == 'activerazd')&&(el.id.toString()=='catalog'))
{
document.getElementById('level1').style.display = 'none';
el.className = 'razd';
return;
}
if (el.className == 'activerazd')
{
el.className = 'razd';
return;
}


if (el.id != 'catalog')
document.getElementById('level1').style.display = 'none';
else
document.getElementById('level1').style.display = 'inline';
var razdels = ["about","catalog","sertif","kommer","contacts"];
//el.className = 'activerazd';
for (var i = 0;i<5;i++)
{
if (el.id.toString() == razdels)
{
el.className = 'activerazd';

}
else
document.getElementById(razdels).className = 'razd';
}

}

</SCRIPT>
<!--body onLoad="document.location.href='http://zzz'">-->
<body onselectstart = "return false;" oncontextmenu = "return false;" vlink="#EEEEEE" bgcolor="#E0F1E8">
<div z-index="1" style="position:absolute"></div>
<DIV z-index="2" style="position:absolute" id="razdel">
<div id="about" class="razd" onClick="change(this);">О предприятии</div>
<br>
<div id="catalog" onClick="change(this);" class="razd">Каталог продукции</div>
<div id="level1" class="mynone" style="position:absolute; left:210px;">
<div id="table1" class="table1">
<table class="table2">
<tbody id="tb">
<tr id="group_1">
<td class="group_quadrat"> </td>
<td id="name_group_1" onClick="func(this);" class="group">Группа 1</td>
</tr>
<tr id="content_group_1" class="content_group" style="display:none">
<td class="group_marks">
<div class="mark" style="position:absolute; left:210px">
<table class="table3">
<tr>
<td class="mark_quadrat"> </td>
<td class="mark_name">
<a href="http://present/r=1" onclick="done=false; set=0;" class="mark_font">
<p onMouseDown="mark(this);" onMouseOut="mark2(this);">марка1</p>
</a>
</td>
</tr>
<tr>
<td class="mark_quadrat"> </td>
<td class="mark_name">
<a href="http://present/r=1" onclick="done=false; set=0;">
<p onMouseDown="mark(this);" onMouseOut="mark2(this);">марка2</p>
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>


<tr id="group_2">
<td class="group_quadrat"> </td>
<td id="name_group_2" onClick="func(this);" class="group">Группа 2</td>
</tr>
<tr id="content_group_2" class="content_group" style="display:none">
<td class="group_marks">
<div class="mark" style="position:absolute; left:210px">
<table class="table3">
<tr>
<td class="mark_quadrat"> </td>
<td class="mark_name">
<a href="http://present/r=2" onclick="done=false; set=0;"><p onMouseMove="mark(this);" onMouseOut="mark2(this);">марка4</p></a>
</td>
</tr>

<tr>
<td class="mark_quadrat"> </td>
<td class="mark_name">
<a href="http://present/r=2" onclick="done=false; set=0;"><p onMouseMove="mark(this);" onMouseOut="mark2(this);">марка3</p></a>
</td>
</tr>
</table>
</div>
</td>

</tr>
</div>
</tbody>
</table>
</div>
</div>
<br>
<div id="sertif" onClick="change(this);" class="razd">Сертификаты</div>
<br>
<div id="kommer" onClick="change(this);" class="razd" >Коммерческое предложение</div>
<br>
<div id="contacts" onClick="change(this);" class="razd" >Контакты</div>
</DIV>

</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.04.2007, 13:51
    #34469662
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна помощь!
меню марки сворачивается и разворачивается при вызове func();
а в коде она вызывается только по клику на группу

ЗЫ
периодически выскакивают
Error: document.getElementById(razdels) has no properties
Error: Opa.childNodes.item(i).id has no properties
а в FF группы продукций вообще не раскрываются
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужна помощь! / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 372ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458450]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 5ms
check topic access:
 5ms
track hit:
 46ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 233ms
total:  372ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]