проблема с меню

Безумный Маркс · May 28, 2007

меню не работает(((( оч долго проверял в ч?м дело, так и на заработало

вот код: посмотрите плиз в ч?м дело

</table>
</body><html>

<head>


<title>Clan Surreal</title>
<Script language="JavaScript" type="text/javascript">
 function startMenu() {
 if (document.getElementById) {
 nav = document.getElementById('menu');
 for (i=0; i<nav.childNodes.length; i++) {
 node = nav.childNodes[i];
 if (node.nodeName == 'LI') {
 node.onmouseout = function() {
 this.className = 'over';
}
 node.onmouseout = function() {
 this.className = '';
 }
 }
 }
 }
}
</script>

<style type="text/css">
UL {
 list-style: none;
 margin: 0px;
 padding: 0px;
 font-family: Arial, sans-serif;
 font-size: 11pt
}

UL LI {
 position: relative
 backround: white;
 float: left;
 padding: 4px 0px;
 margin-right: 4px
}

UL LI UL LI {
padding: 0px
}

LI UL {
 position: absolute;
 display: none;
 width: 180px;
 margin-top: 3px
}

HTML LI UL {
 left: 0px;
 top: 21px
}

LI A {
 padding: 3px;
 text-decoration: none;
 color: #666;
 border: 1px solid #ccc;
 background: no-repear
}

LI UL LI A {
 display: block;
 padding: 4px;
 width: 180px;
 border-bottom: none:
 background-image: none
}

LI A:hover {
 color: black;
 background-color: blue
}

LI A:hover UL, LI.over UL {
 display: block
}

.brd {
 border-bottom: 1px solid #ccc
}
.hero {
 overflow: scroll;
 overflow-x: hidden;
 paddig: 7px;
 width: 100%;
 height: 150px;
}

.hero1 {
 overflow: scroll;
 overflow-x: hidden;
 paddig: 7px;
 width: 100%;
 height: 220px;
}
</style>

<style type="txt/css">
UL LI {
float: left
}
</style>

</head> 
<body onLoad="startMenu()"> 
<table border="line.GIF" width=100% cellpadding=5 cellspacing=0 cols=3 summary>
<tr>
<td colspan=3>
<img src="up.png" width=100% height=20px alt=''>
</td>
</tr>
<tr>
<td colspan=2>
<UL id=menu>
<LI><a href=index.html>First</a>

</LI>
<LI><a href=news.html>News</a>
<UL>
<LI><a href=linkr1.html>Age of Conan</a></LI>
<LI><a href=linkr2.html>Everguest II</a></LI>
<LI><a href=linkr3.html>Lotr Online</a></LI>
<LI><a href=linkr4.html>Warnament</a></LI>
<LI><a href=linkr5.html>Vanguard</a></LI>
<LI><a href=linkr6.html>Potbs online</a></LI>
</UL>
</LI>
<LI><a href=composition.html>Composition</a>
<UL>
<LI><a href=linkc1.html>Age of Conan</a></LI>
<LI><a href=linkc2.html>Everguest II</a></LI>
<LI><a href=linkc3.html>Lotr Online</a></LI>
<LI><a href=linkc4.html>Warnament</a></LI>
<LI><a href=linkc5.html>Vanguard</a></LI>
<LI><a href=linkc6.html>Potbs online</a></LI>
<LI><a href=linkc6.html>Text</a></LI>
</UL>
</LI>
</UL>
</td>
<td rowspan=3>
<div class=hero1>
werwerwerwe
</div>
</td>
</tr>
<tr>
 <th> News </th>
 <th> Composition </th>

</tr>
<tr>
 <td>

<div class=hero>
werwerwerwe
</div>
</td>
<td>
<div class=hero>
werwrwerwre
</div>
</td>
</tr>
</html>

yopopt · May 28, 2007

Пишите код в тегах code!

У Вас даже при беглом взгляде куча ошибок:

 if (node.nodeName == 'LI' {

Пропущена закрывающая скобка.

i=o Я так понимаю i должно равняться нулю, а не как не букве о.

И самое главное! У Вас есть onmouseout, но нет onmouseover. То есть описано что должно происходить при уходе курсора с кнопке, а вот что делать при наведении не описано.

Думаю должно быть вот так:

if (node.nodeName == 'LI') {
node.onmouseover = function() {
this.className = 'over';
}

Безумный Маркс · May 28, 2007

Да те две ошибки я исправил, а вот третья походу то что надо, спасибо!

Безумный Маркс · May 28, 2007

Меню работает, когда я навожу мышку на пунт, открываются подпункты, и вс? что под меню смещается вниз, как сделать так, чтоб подменю не сдвигало вс? вниз, а открывалось поверх содержимого табицы, вот код

<html>

<head>


<title>Clan Surreal</title>
<Script language="JavaScript" type="text/javascript">
 function startMenu() {
 if (document.getElementById) {
 nav = document.getElementById('menu');
 for (i=0; i<nav.childNodes.length; i++) {
 node = nav.childNodes[i];
 if (node.nodeName == 'LI') {
 node.onmouseover = function() {
 this.className = 'over';
}
 node.onmouseout = function() {
 this.className = '';
 }
 }
 }
 }
}
</script>

<style type="text/css">
UL {
 list-style: none;
 margin: 0px;
 padding: 0px;
 font-family: Arial, sans-serif;
 font-size: 11pt
}

UL LI {
 position: relative;
 backround: white;
 float: left;
 padding: 4px 0px;
 margin-right: 4px
}

UL LI UL LI {
padding: 0px
}

LI UL {
 position: relative;
 margin-left: 0px;
 display: none;
 width: 100px;
 margin-top: 0px
}

HTML LI UL {
 left: 5px;
 top: 21px
}

LI A {
 padding: 3px;
 text-decoration: none;
 color: #666;
 border: 1px solid #ccc;
 background: no-repear
}

LI UL LI A {
 display: block;
 padding: 4px;
 width: 100px;
 border-bottom: none:
 background-image: none
}

LI A:hover {
 color: black;
 background-color: blue
}

LI A:hover UL, LI.over UL {
 display: block
}

.brd {
 border-bottom: 1px solid #ccc
}
.hero {
 overflow: scroll;
 overflow-x: hidden;
 paddig: 7px;
 width: 100%;
 height: 150px;
}

.hero1 {
 overflow: scroll;
 overflow-x: hidden;
 paddig: 7px;
 width: 100%;
 height: 220px;
}
</style>

<style type="txt/css">
UL LI {
float: left
}
</style>

</head> 
<body onLoad="startMenu()"> 
<table border="line.GIF" width=100% cellpadding=5 cellspacing=0 cols=3 summary>
<tr>
<td colspan=3>
<img src="up.png" width=100% height=20px alt=''>
</td>
</tr>
<tr>
<td colspan=2>
<UL id=menu>
<LI><a href=index.html>First</a>

</LI>
<LI><a href=news.html>News</a>
<UL>
<LI><a href=linkr1.html>Age of Conan</a></LI>
<LI><a href=linkr2.html>Everguest II</a></LI>
<LI><a href=linkr3.html>Lotr Online</a></LI>
<LI><a href=linkr4.html>Warnament</a></LI>
<LI><a href=linkr5.html>Vanguard</a></LI>
<LI><a href=linkr6.html>Potbs online</a></LI>
</UL>
</LI>
<LI><a href=composition.html>Composition</a>
<UL>
<LI><a href=linkd1.html>Age of Conan</a></LI>
<LI><a href=linkd2.html>Everguest II</a></LI>
<LI><a href=linkd3.html>Lotr Online</a></LI>
<LI><a href=linkd4.html>Warnament</a></LI>
<LI><a href=linkd5.html>Vanguard</a></LI>
<LI><a href=linkd6.html>Potbs online</a></LI>
<LI><a href=linkd6.html>Text</a></LI>
</UL>
</LI>
<LI><a href=composition.html>Composition</a>
<UL>
<LI><a href=linkc1.html>Age of Conan</a></LI>
<LI><a href=linkc2.html>Everguest II</a></LI>
<LI><a href=linkc3.html>Lotr Online</a></LI>
<LI><a href=linkc4.html>Warnament</a></LI>
<LI><a href=linkc5.html>Vanguard</a></LI>
<LI><a href=linkc6.html>Potbs online</a></LI>
<LI><a href=linkc6.html>Text</a></LI>
</UL>
</LI>
<LI><a href=composition.html>Composition</a>
<UL>
<LI><a href=linkc1.html>Age of Conan</a></LI>
<LI><a href=linkc2.html>Everguest II</a></LI>
<LI><a href=linkc3.html>Lotr Online</a></LI>
<LI><a href=linkc4.html>Warnament</a></LI>
<LI><a href=linkc5.html>Vanguard</a></LI>
<LI><a href=linkc6.html>Potbs online</a></LI>
<LI><a href=linkc6.html>Text</a></LI>
</UL>
</LI>
<LI><a href=composition.html>Composition</a>
<UL>
<LI><a href=linkc1.html>Age of Conan</a></LI>
<LI><a href=linkc2.html>Everguest II</a></LI>
<LI><a href=linkc3.html>Lotr Online</a></LI>
<LI><a href=linkc4.html>Warnament</a></LI>
<LI><a href=linkc5.html>Vanguard</a></LI>
<LI><a href=linkc6.html>Potbs online</a></LI>
<LI><a href=linkc6.html>Text</a></LI>
</UL>
</LI>
</UL>
</td>
<td rowspan=3>
<div class=hero1>
werwerwerwe
</div>
</td>
</tr>
<tr>
 <th> News </th>
 <th> Composition </th>

</tr>
<tr>
 <td>

<div class=hero>
werwerwerwe
</div>
</td>
<td>
<div class=hero>
werwrwerwre
</div>
</td>
</tr>
</table>
</body>
</html>

yopopt · May 28, 2007

В стилях у ul li изменить position: relative; на position: absolute;

Форматируйте код с помощью тега code! Неудобно читать. И сначало попробуйте разобраться сами, простейшие вещи спрашиваете...

kiD · May 28, 2007

Безумный Маркс, вам по-русски сказали код вставлять в [codе]...[/codе]

если со следующим вашим сообщением не отредактируете свои посты, тема будет удалена.

Безумный Маркс · May 28, 2007

Мб странно, но меню не работает в IE, а в Opera и FifeFox работает :/.

yopopt · May 28, 2007

Проверил, работает. А у Вас, случаем, не выключены локальные скрипты в ие?

Безумный Маркс · May 28, 2007

Проверил, работает. А у Вас, случаем, не выключены локальные скрипты в ие?

ээээ, если чесно, незнаю, а у меня ещ? один вопрос, касающийся форм, как сделать так. чтоб то что я ввожу в поле text после отправки отражалось в поле label?

Fu-tai · May 28, 2007

Вопрос из разряда: А как Золото из свинца получается?!!!!

А почитай свитки про джава скрипт повнимательней, Ни один учебник про это написано!

Sign In

проблема с меню

Question

Безумный Маркс

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

Безумный Маркс

Link to comment

Share on other sites

Безумный Маркс

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

kiD

Link to comment

Share on other sites

Безумный Маркс

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

Безумный Маркс

Link to comment

Share on other sites

Fu-tai

Link to comment

Share on other sites

Обсуждения

Forums

Important Information