Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите, пож-та, что здесь не так? / 3 сообщений из 3, страница 1 из 1
03.05.2009, 05:08
    #35965550
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, пож-та, что здесь не так?
INDEX.HTML
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
<html>
<head>
	<link rel="stylesheet" href="style.css" type="text/css">
	<TITLE>CSS_JS</TITLE>
	<script src="menu.js" language="JavaScript" type="text/javascript"> </script>
</head>

 <body>
	<div id="m1" class="menu" style="left: 25;">   <!-- ÌÅÍÞ 1  -->
		<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="115">
			<tr><td>
			<a href="javascript:do_menu('m1x')" onMouseOver="do_check('m1x')"><b>ÌÅÍÞ  1 </b></a>
			</td></tr>
		</table>
	</div>
	<div id="m1x" class="submenu">  <!-- ÏÎÄÌÅÍÞ  ÌÅÍÞ 1  -->
		<table bgcolor="#FFDFBF" cellspacing="0" cellpadding="2" border="1" width="88">
			<tr><td>
			<a href="#top" >ìåíþ  1  -  1 </a><br>
			<a href="#top" >ìåíþ  1  -  2 </a><br>
			</td></tr>
		</table>
	</div>
	<div id="m2" class="menu" style="left: 110;">  <!-- ÌÅÍÞ 2  -->
		<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
			<tr><td>
			<a href="javascript:do_menu('m2x')" onMouseOver="do_check('m2x')"><b>ÌÅÍÞ  2 </b></a> 
			</td></tr>
		</table>
	</div>
	<div id="m2x" class="submenu">    <!-- ÏÎÄÌÅÍÞ  ÌÅÍÞ 2  -->
		<table bgcolor="#FFDFBF" cellspacing="0" cellpadding="2" border="1" width="120">
			<tr><td>
			<a href="#top" onMouseOver="do_submenu('m21x')" >ìåíþ  2  -  1  >> </a> <br>
			<a href="#top" onMouseOver="do_submenu()">ìåíþ  2  -  2 </a><br>
			<a href="#top" onMouseOver="do_submenu('m22x')" >ìåíþ  2  -  3  >></a> 
			</td></tr>
		</table>
	</div>
	<div id="m21x" class="submenu" style="left: 150; top:167; z-index:1;">   <!-- ÏÎÄÏÎÄÌÅÍÞ 1    ÌÅÍÞ 2  -->
		<table bgcolor="FFDFBF" cellspacing= 0  cellpadding= 2  border= 1  width= 120 >
			<tr><td>
			<a href="#top" onMouseOver="do_submenu()">ìåíþ  2  -  1  -  1 </a><br>
			<a href="#top" onMouseOver="do_submenu()">ìåíþ  2  -  1  -  2 </a><br>
			</td></tr>
		</table>
	</div>
	<div id="m22x" class="submenu" style="left: 290; top:167; z-index:1;">   <!-- ÏÎÄÏÎÄÌÅÍÞ 3    ÌÅÍÞ 2  -->
		<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="120">
			<tr><td>
			<a href="#top" onMouseOver="do_submenu('m251x')">ìåíþ  2  -  3  -  1  >></a><br>
			<a href="#top" onMouseOver="do_submenu()">ìåíþ  2  -  3  -  2 </a><br>
			</td></tr>
		</table>
	</div>
</body>
</html>
menu.js
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
	var old;
	var memold;
	var subold;
	if(document.layers)
	{
		window.captureEvents(Event.MOUSEDOWN);
		window.onmousedown=do_out;
	} 
	else document.onmouseup=do_out; 
//------------------------------------------------------
	function show_layer(x)
	{
		if(document.layers)	document.layers[x].visibility="show";
		else document.all[x]. style.visibility="visible";
	}
//------------------------------------------------------
	function hide_layer(x)
	{
		if(document.layers) document.layers[x].visibility="hide";
		else document.all[x]. style.visibility="hidden";
	}
//------------------------------------------------------
	function do_menu(x)
	{
		if(!old) old=memold;
		if(old!=x)
		{
			show_layer(x);
			old=x;
		} 
		else old="";
	}
//------------------------------------------------------
	function do_check(x)
	{
		if(old && old!=x)
		{
			hide_layer(old);
			show_layer(x);
			old=x;
		}
		do_submenu();
	}
//------------------------------------------------------
	function do_out()
	{
		if(old) hide_layer(old);
		memold=old; 
		old="";
		do_submenu();
	}
//------------------------------------------------------
	function do_submenu(x)
	{
		if(subold)
		{
			hide_layer(subold);
			subold="";
		}
		if(x)
		{
			show_layer(x);
			subold=x;
		}
	}
style.css
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
	<!------линки------>
	a:link, a:visited, a:active { text-decoration: none;font-size: 12pt}
	a:hover { text-decoration: none;     color: red; }
	<!------меню------->
	.menu{position: absolute;  top: 100 ;  z-index:  2 ;}
	.submenu{position: absolute;     visibility: hide;     visibility: hidden;}
#m1x{left:  25 ; top:  20 ;}
#m2x{left:  110 ;top:  120 }
при попытке перейти на субменю предыдущее (с которого ушли) сразу исчезает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.05.2009, 05:34
    #35965554
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, пож-та, что здесь не так?
document.layers - это что за динозавр? Код написан с учётом далеко не последней версии NN (семёрка уже не использовала слои), который ещё в прошлом тысячелетии приказал долго жить?
Код фтопку! Кстати, рекомендую менюшки на чистом цсс, без яваскрипта. Вообще-то в интернете этих менюшек как грязи. Можно и ручками написать, но только не этот код.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.05.2009, 08:24
    #35966234
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, пож-та, что здесь не так?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item  1 </a></li>
<li><a href="#">Folder  1 </a>
  <ul>
  <li><a href="#">Sub Item  1 . 1 </a></li>
  <li><a href="#">Sub Item  1 . 2 </a></li>
  </ul>
</li>
<li><a href="#">Item  3 </a></li>

<li><a href="#">Folder  2 </a>
  <ul>
  <li><a href="#">Sub Item  2 . 1 </a></li>
  <li><a href="#">Folder  2 . 1 </a>
    <ul>
    <li><a href="#">Sub Item  2 . 1 . 1 </a></li>
    <li><a href="#">Sub Item  2 . 1 . 2 </a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="#">Item  4 </a></li>
</ul>
</div>
а можно чтобы эти элементы меню заполнялись динамически исходя из данных таблицы MySQL? там поля id, id_parent и название узла? или списки по данным таблицы в данном случае заполнить нереально?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите, пож-та, что здесь не так? / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 699ms
Закрыть
start [/forum/search_topic.php?author=Alexsanderv&author_mode=last_posts&do_search=1]:
 0ms
get settings:
 9ms
get forum list:
 11ms
get settings:
 10ms
get forum list:
 17ms
check forum access:
 5ms
check topic access:
 5ms
track hit:
 145ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 438ms
total:  699ms
x
x
Закрыть


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