Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите разобраться с выпадающим меню

Обсуждение темы Помогите разобраться с выпадающим меню в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Подскажите, пожалуйста, почему в первом случае <ul id="nav"> <li><a class="mainmenu" href="#">Продукция и т.д... срабатывает, т.е. появляется выпадающее меня, а во втором <ul id="nav"> ...


Закрытая тема
 
Опции темы
Старый 08.07.2010, 12:24   #1
Подскажите, пожалуйста, почему в первом случае <ul id="nav">
<li><a class="mainmenu" href="#">Продукция и т.д... срабатывает, т.е. появляется выпадающее меня, а во втором <ul id="nav">
<li><a class="mainmenu" href="#">Контакты и т.д. нет?!

Код следующий:
<style type="text/css">
@import "style2.css";
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="../images/fon-head.jpg">
<tr>
<td width="30%" height="200"><br><br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="30" height="30" bgcolor="#F8EBC0"></td>
<td height="30" bgcolor="#F8EBC0"><a class="mainmenu" href="../index.shtml">На главную</a></td>
<td height="30" bgcolor="#F8EBC0"><a class="mainmenu" href="../about.shtml">О компании</a></td>
<td height="30" bgcolor="#F8EBC0">
<ul id="nav">
<li><a class="mainmenu" href="#">Продукция</a>
<ul>
<li><a class="mainmenu" href="../prod-krup.shtml">Крупы в мягкой
упаковке</a></li>
<li><a class="mainmenu" href="../prod-krup-var.shtml">Крупы
в варочных пакетах</a></li>
<li><a class="mainmenu" href="../prod-hlop.shtml">Хлопья быстрого
приготовления</a></li>
<li><a class="mainmenu" href="../prod-hlop_ntv.shtml">Хлопья
не требующие варки</a></li>
<li><a class="mainmenu" href="../prod-makaroni.shtml">Макаронные
изделия</a></li>
<li><a class="mainmenu" href="../prod-muka.shtml">Мука фасованная</a></li>
<li><a class="mainmenu" href="../ves-prod.shtml">Весовая продукция</a></li>
</ul>
</ul></td>
<td height="30"><img src="../images/menu-right.gif" width="24" height="30"></td>
</tr>

</table></td>
<td width="30%"><center>
<img src="../images/logo.gif">
</center></td>

<td width="30%" align="center"><br><br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" width="24"><img src="../images/menu-left.gif" width="24" height="30"></td>
<td height="30" bgcolor="#F8EBC0">
<ul id="nav">
<li><a class="mainmenu" href="#">Контакты</a>
<ul>
<li><a class="mainmenu" href="../contacts.shtml">Администрация</a></li>
<li><a class="mainmenu" href="../contacts.shtml">Отдел реализации
фасованной продукции</a></li>
<li><a class="mainmenu" href="../contacts.shtml">Отдел реализации
весовой продукции</a></li>
<li><a class="mainmenu" href="../contacts.shtml">Отдел закупа</a></li>
</ul>
</ul>
</td>
<td height="30" width="200" bgcolor="#F8EBC0">
<div align="left"><a class="mainmenu" href="../pitanie.shtml">О правильном
питании</a></div>
</td>
<td width="30" height="30" bgcolor="#F8EBC0"></td>
</tr>
</table></td>
</tr>
</table>
 
Старый 08.07.2010, 12:24
Ссылки
Старый 08.07.2010, 12:58   #2
id="nav" может задаваться только одному элементу
 
Старый 08.07.2010, 13:48   #3
Цитата:
Сообщение от Mihalich41 Посмотреть сообщение
id="nav" может задаваться только одному элементу
Понятно, а как же сделать, что бы и второй раз в одном коде функционировало dropdown?
 
Старый 08.07.2010, 15:54   #4
сделайте с использованием jquery.
 
Старый 02.10.2010, 14:48   #5
на css можно сделать давольно красивые списки и меню.
 
Старый 02.10.2010, 14:48
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с выпадающим меню Vilect HTML, CSS, JavaScript 12 25.02.2013 21:56
Проблемы с выпадающим меню Grey HTML, CSS, JavaScript 9 16.02.2010 16:57
Проблема с выпадающим меню dieselred HTML, CSS, JavaScript 1 14.07.2009 19:41
Помогите с выпадающим меню DENweb HTML, CSS, JavaScript 13 11.05.2008 15:20
Помогите разобраться в коде динамического меню Lebedev HTML, CSS, JavaScript 2 17.01.2006 13:11


Текущее время: 00:21. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум