Гость
Форумы
[новые:0]
/ HTML, JavaScript, VBScript, CSS
[новые:0]
[игнор отключен]
[закрыт для гостей]
/
Нужна помощь!
[новые:0]
2 сообщений из 2, страница 1 из 1
|
|
|
Нужна помощь!
|
|||
|---|---|---|---|
|
#18+
Проблема вот в чем, когда я перехожу по основному меню, у меня не сворачивается подменю. Например, я нажала Каталог и там пробежалась по группам, потом перешла на Сертификаты, а потом снова вернулась к Каталогу, и там отображается развёрнутое меню, а оно должно быть свёрнуто!!! Может нужна ещё какая-то процедура?! Помогите, пожалуйста. Вот код <!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> ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2007, 08:51 |
|
||
|
Нужна помощь!
|
|||
|---|---|---|---|
|
#18+
меню марки сворачивается и разворачивается при вызове func(); а в коде она вызывается только по клику на группу ЗЫ периодически выскакивают Error: document.getElementById(razdels) has no properties Error: Opa.childNodes.item(i).id has no properties а в FF группы продукций вообще не раскрываются ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2007, 13:51 |
|
||
2 сообщений из 2, страница 1 из 1
|
|
Форумы
[новые:0]
/ HTML, JavaScript, VBScript, CSS
[новые:0]
[игнор отключен]
[закрыт для гостей]
/
Нужна помощь!
[новые:0]
