Проблема С Выпадающим Меню

[Leonidk]

Доброго времени суток!

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

Но столкнулся с такой проблемой: меню работает только в одном блоке.

для других блоков поставил идентичные джава файлы с разницей в имени + циферка - результата нет!?!

Если есть время и желание помогите начинающему!

Сайт: http://ipplaneta.ru

В блоке "уголок туриста" - все работает,

в блоке "Авто уголок" в разделе "автософт" стоит подкатегория которая и не хочет вылазить.

cssverticalmenu1.js

var menuids=new Array("verticalmenu1") //Enter id(s) of UL menus, separated by commas

var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){

for (var i=0; i<menuids.length; i++){

var ultags=document.getElementById(menuids).getElementsByTagName("ul")

for (var t=0; t<ultags.length; t++){

var spanref=document.createElement("span")

spanref.className="arrowdiv"

spanref.innerHTML="  "

ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

ultags[t].parentNode.onmouseover=function(){

this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"

this.getElementsByTagName("ul")[0].style.display="block"

}

ultags[t].parentNode.onmouseout=function(){

this.getElementsByTagName("ul")[0].style.display="none"

}

}

}

}

if (window.addEventListener)

window.addEventListener("load", createcssmenu, false)

else if (window.attachEvent)

window.attachEvent("onload", createcssmenu)

cssverticalmenu2.js

var menuids=new Array("verticalmenu2") //Enter id(s) of UL menus, separated by commas

var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){

for (var i=0; i<menuids.length; i++){

var ultags=document.getElementById(menuids).getElementsByTagName("ul")

for (var t=0; t<ultags.length; t++){

var spanref=document.createElement("span")

spanref.className="arrowdiv"

spanref.innerHTML="  "

ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

ultags[t].parentNode.onmouseover=function(){

this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"

this.getElementsByTagName("ul")[0].style.display="block"

}

ultags[t].parentNode.onmouseout=function(){

this.getElementsByTagName("ul")[0].style.display="none"

}

}

}

}

if (window.addEventListener)

window.addEventListener("load", createcssmenu, false)

else if (window.attachEvent)

window.attachEvent("onload", createcssmenu)

cssverticalmenu.css

.glossymenu, .glossymenu li ul{

list-style-type: none;

margin: 0;

padding: 0px;

width: 200px; /*WIDTH OF MAIN MENU ITEMS*/

}

.glossymenu li{

position: relative;

}

.glossymenu li ul{ /*SUB MENU STYLE*/

position: absolute;

width: 190px; /*WIDTH OF SUB MENU ITEMS*/

left: 0;

top: 0;

display: none;

filter:alpha(opacity=100);

-moz-opacity:1;

}

.glossymenu li a{

background: url(../images/sidep-bottom.png);

font: 12px/100% Arial, Helvetica, sans-serif;

display: block;

width: auto;

padding: 3px 5px 5px 5px;

padding-left: 0;

text-decoration: none;

}

.glossymenu .arrowdiv{

position: absolute;

right: 12px;

background: transparent url(arrow.gif) no-repeat center right;

}

.glossymenu li a:visited, .glossymenu li a:active{

}

.glossymenu li a:hover{

background-image: url(glossyback2.gif);

}

/* Holly Hack for IE \*/

* html .glossymenu li { float: left; height: 1%; }

* html .glossymenu li a { height: 1%; }

/* End */

Шаблон:

<link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" media="all" />

<link rel="stylesheet" href="{THEME}/css/engine.css" type="text/css" media="all" />

<link rel="stylesheet" type="text/css" href="{THEME}/css/cssverticalmenu.css"/>

<link rel="stylesheet" type="text/css" href="{THEME}/css/cssverticalmenu1.css"/>

<link rel="stylesheet" type="text/css" href="{THEME}/css/cssverticalmenu2.css"/>

<script type="text/javascript" src="{THEME}/js/dbx.js"></script>

<script type="text/javascript" src="{THEME}/js/dbx-key.js"></script>

<script type="text/javascript" src="{THEME}/css/cssverticalmenu.js"></script>

<script type="text/javascript" src="{THEME}/css/cssverticalmenu1.js"></script>

<script type="text/javascript" src="{THEME}/css/cssverticalmenu2.js"></script>

Работает тот блок - скрипт которого внизу, если меняю нижний скрипт - опять работает блок скрипт которого стал нижним.

Блоки:

<!--sidebox start -->

<div class="dbx-box widget_archive">

<h3 class="dbx-handle">Авто уголок</h3>

<div class="dbx-content">

<ul id="verticalmenu1" class="glossymenu">

<title>overflow: visible</title>

<li><a href='/avtosoft/'>Авто Soft</a>

<ul>

<li><a href=http://ipplaneta.ru/avtosoft/avtozapchasti/>Каталоги автозапчастей</a></li>

</ul>

</li>

<li><a href=http://ipplaneta.ru/tehlit/> Техническая литература</a></li>

<li><a href='/navigator/'>GPS-навигация</a></li>

<li><a href='/tuning/'>Тюнинг</a></li>

<li><a href='/vpomoch/'>В помощь автолюбителю</a></li>

</ul>

</div>

</div>

<!--sidebox end -->

<!--sidebox start -->

<div class="dbx-box widget_archive">

<h3 class="dbx-handle">Уголок туриста (в разработке)</h3>

<div class="dbx-content">

<ul id="verticalmenu2" class="glossymenu">

<title>overflow: visible;</title>

Где остановиться

<li><a href=http://ipplaneta.ru/chernomore/>Черное море</a>

<ul>

<li><a href=http://ipplaneta.ru/chernomore/abrau/>Абрау-Дюрсо</a></li>

<li><a href=http://ipplaneta.ru/chernomore/adler/>Адлер</a></li>

<li><a href=http://ipplaneta.ru/chernomore/alupka/>Алупка</a></li>

<li><a href=http://ipplaneta.ru/chernomore/alyshta/>Алушта</a></li>

<li><a href=http://ipplaneta.ru/chernomore/anapa/>Анапа</a></li>

<li><a href=http://ipplaneta.ru/chernomore/gelendjik/>Геленджик</a></li>

<li><a href=http://ipplaneta.ru/chernomore/gadayta/>Гудаута</a></li>

<li><a href=http://ipplaneta.ru/chernomore/dagomis/>Дагомыс</a></li>

<li><a href=http://ipplaneta.ru/chernomore/djankoi/>Джанкой</a></li>

<li><a href=http://ipplaneta.ru/chernomore/djbga/>Джубга</a></li>

<li><a href=http://ipplaneta.ru/chernomore/evpatoria/>Евпатория</a></li>

<li><a href=http://ipplaneta.ru/chernomore/eisk/>Ейск</a></li>

<li><a href=http://ipplaneta.ru/chernomore/kabardinka/>Кабардинка</a></li>

<li><a href=http://ipplaneta.ru/chernomore/kerch/>Керчь</a></li>

<li><a href=http://ipplaneta.ru/chernomore/lazarevskoe/> Лазаревское</a></li>

<li><a href=http://ipplaneta.ru/chernomore/lermontovo/>Лермонтово</a></li>

<li><a href=http://ipplaneta.ru/chernomore/loo/>Лоо</a></li>

<li><a href=http://ipplaneta.ru/chernomore/mariypol/>Мариуполь</a></li>

<li><a href=http://ipplaneta.ru/chernomore/masandra/>Массандра</a></li>

<li><a href=http://ipplaneta.ru/chernomore/macesta/>Мацеста</a></li>

<li><a href=http://ipplaneta.ru/chernomore/novomihailovski/>Новомихайловский</a></li>

<li><a href=http://ipplaneta.ru/chernomore/novorosiisk/>Новороссийск</a></li>

<li><a href=http://ipplaneta.ru/chernomore/odessa/>Одесса</a></li>

<li><a href=http://ipplaneta.ru/chernomore/picynda/>Пицунда</a></li>

<li><a href=http://ipplaneta.ru/chernomore/primorskii/>Приморский</a></li>

<li><a href=http://ipplaneta.ru/chernomore/sevastopol/>Севастополь</a></li>

<li><a href=http://ipplaneta.ru/chernomore/sochi/>Сочи</a></li>

<li><a href=http://ipplaneta.ru/chernomore/sydak/>Судак</a></li>

<li><a href=http://ipplaneta.ru/chernomore/sukko/>Сукко</a></li>

<li><a href=http://ipplaneta.ru/chernomore/suhumi/>Сухуми</a></li>

<li><a href=http://ipplaneta.ru/chernomore/temruk/>Темрюк</a></li>

<li><a href=http://ipplaneta.ru/chernomore/tuapse/>Туапсе</a></li>

<li><a href=http://ipplaneta.ru/chernomore/feodosia/>Феодосия</a></li>

<li><a href=http://ipplaneta.ru/chernomore/foros/>Форос</a></li>

<li><a href=http://ipplaneta.ru/chernomore/hosta/>Хоста</a></li>

<li><a href=http://ipplaneta.ru/chernomore/jlta/>Ялта</a></li>

</ul>

</li>

<li><a href=http://ipplaneta.ru/azovskoemore/>Азовское море</a>

<ul>

<li><a href=></a></li>

<li><a href=></a></li>

<li><a href=></a></li>

</ul>

</li>

</ul>

</div>

</div>

<!--sidebox end -->

Заранее благодарен!!!

Edited September 8, 2010 by Leonidk

[Leonidk]

Проблема решена!

Оказалось все очень просто!

[psywalker]

Проблема решена!

Оказалось все очень просто!

Поделись решением.