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

LK
На сайте с 01.07.2010
Offline
24
849

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

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

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

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

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

Сайт: 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 -->

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

Игры онлайн tvoyaplaneta.ru (http://tvoyaplaneta.ru)
M
На сайте с 08.08.2007
Offline
60
#1

Переходите на CSS меню.

Из программистов мы
LK
На сайте с 01.07.2010
Offline
24
#2

А с джавой не получится?

C
На сайте с 04.02.2005
Offline
291
#3

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

T.R.O.N
На сайте с 18.05.2004
Offline
314
#4
marabou:
Переходите на CSS меню.

это что это за новый наворот??? просветите необразованных

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
LK
На сайте с 01.07.2010
Offline
24
#5
Chukcha:
var menuids=new Array("verticalmenu1") //Enter id(s) of UL menus, separated by commas

Извиняюсь, а можно чуть поподробней для чайников!?!

C
На сайте с 04.02.2005
Offline
291
#6

Do you speak English?

var menuids=new Array("verticalmenu1","verticalmenu2","verticalmenu3") ;

Василий Ткачев
На сайте с 19.05.2005
Offline
481
#7
T.R.O.N:
это что это за новый наворот??? просветите необразованных

http://www.inetessentials.ru/lessons/menu01.html

скрипт только для IE нужен

Продвигаем естественно ( http://www.inetessentials.ru/ ) и непринужденно. Практический курс по оптимизации ( https://allintop.ru/optimization/ ) - без воды и на основе сайтов студентов. Ежегодная конференция All in Top Conf (https://www.allintopconf.ru/)
LK
На сайте с 01.07.2010
Offline
24
#8
Chukcha:
Do you speak English?

My English not so good

leonid_k добавил 08.09.2010 в 13:00

Chukcha:
Do you speak English?

var menuids=new Array("verticalmenu1","verticalmenu2","verticalmenu3") ;

Спасибо огромное - все получилось!!!

Thanks huge!!!

All is good!!!

T.R.O.N
На сайте с 18.05.2004
Offline
314
#9
inetessentials:
http://www.inetessentials.ru/lessons/menu01.html
скрипт только для IE нужен

так сами и ответили... =))) это решение очень кривое, имхо конечно. JS удобней и приятней.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий