я взялся за написание выпадающего меню. вот, что у меня получилось, но чего-то работать не хочет. при даведении пишет, что требуется объект. | Код |
<!--CREATED BY GYOZ-->
<HTML><HEAD><TITLE>Скрипт выпадающего меню</TITLE>
<META HTTP-EQUIV=CONTENT-TYPE CONTENT="TEXT\CSS CHARSET=WINDOWS-1251">
<STYLE>
.MENUBAR {
BACKGROUND-COLOR: WHITE;
FONT-FAMILY: ARIAL NARROW, ARIAL;
FONT-SIZE: 10PT;
BORDER: 1PX #999999 SOLID;
TEXT-ALIGN: CENTER;
CURSOR: DEFAULT;
}
.MENUBAR_DOWN {
BACKGROUND-COLOR: #E4E4E4;
FONT-FAMILY: ARIAL NARROW, ARIAL;
FONT-SIZE: 10PT;
BORDER: 1PX #999999 SOLID;
TEXT-ALIGN: CENTER;
FONT-WEIGHT: BOLD;
TEXT-DECORATION: UNDERLINE;
CURSOR: DEFAULT;
}
.MENUBAR_BEFALL {
BACKROUND-COLOR: WHITE;
FONT-FAMILY: ARIAL NARROW, ARIAL;
FONT-SIZE: 9PT;
BORDER: 1PX #999999 SOLID;
POSITION: ABSOLUTE;
VISIBILITY: HIDDEN;
Z-INDEX: 1;
}
.LINKBAR {
BACKGROUND-COLOR: WHITE
POSITION: ABSOLUTE;
/* VISIBILITY: HIDDEN; */
}
.LINKBAR_DONW {
BACKGROUND-COLOR: #EEEEEE;
BORDER: 1PX #999999 SOLID;
POSITION: ABSOLUTE;
/* VISIBILITY: HIDDEN; */
}
</STYLE>
|
| Код |
<script LANGUAGE="JavaScript">
// МАССИВЫ ДЛЯ МЕНЮ
// Массив для "Меню 1"
var menu = new Array();
menu[0] = new Array();
menu[0][0] = "Подменю 1.1";
menu[0][1] = "Подменю 1.2";
menu[0][2] = "Подменю 1.3";
// Массив для "Меню 2"
menu[1] = new Array();
menu[1][0] = "Подменю 2.1";
menu[1][1] = "Подменю 2.2";
menu[1][2] = "Подменю 2.3";
// Массив для "Меню 3"
menu[2] = new Array();
menu[2][0] = "Подменю 3.2";
menu[2][1] = "Подменю 3.2";
menu[2][2] = "Подменю 3.3";
// ТЕГИ
var tags = new Array();
tags[0] = "<DIV ID=POPUPMENU CLASS='MENUVAR_BEFALL'>";
tags[1] = "<TABLE CELLSPACING=0 CELLPADDING=0"
tags[2] = "<TR>"
tags[3] = "<TD CLASS='LINKBARR' onMouseOver='this.className='LINKBAR_DOWN';' onMouseOut='this.className='LINKBAR';'>";
tags[4] = "</TD>";
tags[5] = "</TR>";
tags[6] = "</TABLE>";
tags[7] = "</DIV>";
// ПОСТРОЕНИЕ МЕНЮ
function CreateMenu()
{
var El = window.event.srcElement;
var ElID = El.id;
var x = El.left;
var y = El.top + 25;
var s = new String();
document.write(tags[0]); // Смотрите раздел ТЕГИ
document.write(tags[1]);
// Пишем менюху
for (j = 0; j < menu[ElID].length; j++)
{
s = tags[2]+tags[3]+menu[ElID][j]+tags[4]+tags[5]
}
document.write(tags[6]);
document.write[tags[7]);
document.POPUPMENU.innerHTML = s;
// Задаем позицию
document.POPUPMENU.top = y;
document.POPUPMENU.left = x;
//Показываем
document.POPUPMENU.visibility = "visible";
}
</SCRIPT>
|
| Код |
</HEAD><BODY>
<TABLE CELLSPACING=0 SELLPADDING=0 BORDER=0>
<TR>
<TD CLASS="MENUBAR"
WIDTH=100
HEIGHT=25
ID=0
onMouseOver="this.className='MENUBAR_DOWN'; CreateMenu();"
onMouseOut="this.className='MENUBAR';"> Меню 1 </TD>
<TD CLASS="MENUBAR"
WIDTH=100
ID=1
onMouseOver="this.className='MENUBAR_DOWN';"
onMouseOut="this.className='MENUBAR';"> Меню 2 </TD>
<TD CLASS="MENUBAR"
WIDTH=100
ID=2
onMouseOver="this.className='MENUBAR_DOWN';"
onMouseOut="this.className='MENUBAR';"> Меню 3 </TD>
</TR>
</TABLE>
</BODY></HTML>
|
и на всякий случай. у меня с z-index всё правильно проставлено? |
Помогите отладить скрипт, выпадающего меню 
Загрузка ...
