Помогите разобраться с JavaScript

  1. Weblancer
  2. Форум фрілансерів
  3. Програмування
Антон П.
7 повідомлень
#16 років тому
Здравствуйте. Начал осваивать JavaScript. С помощью справочника написал вертикальное раскрывающееся меню. Но в итоге что-то не работает, пытался найти, исправить ошибку, но так ничего и не вышло. Подскажите, пожалуйста, в чём ошибка, что исправить?
Ниже привожу скрипт:

<html>
<head>
<!--JavaScript -->
<script language="JavaScript">
var id_menu = new
Array('sub_menu_1'
function allclouse() {
for (i=0; i < id_menu.lenght; i++){
document.getElementBuld(id_menu).style.display = "none";
}
}
function openMenu(id){
for (i=0; i < id_menu.lenght; i++){
if (id != id_menu){
document.getElementBuild(id_menu).stule.display = "none";
}
}
if (document.getElementByld(id).stule.display == "block"{
document.getElementByld(id).style.display = "none";
}else{
document.getElementByld(id).style.display = "block";
}
}
</script>
<!---menu -->
<style type="text/css">
#menu_body{background:#81A192;width:200px}
#menu_body ul li{list-style-type:none;border-bottom:1px solid #fff;
margin-left:-40px; padding:7px}
#menu_body ul li a{color:#fff; font-family:verbana,arial,sans-serif;
text-decoration:none}
#menu_body ul li ul{border:0px none; list-style-type:square; color:#fff;
list-style-position:inside}
#menu_body ul li ul{border-top:1px solid #fff; margin-left:-7px;
padding-left:50px}
</style>
</head>
<body onLoad="allclose()">
<!---menu --->
<div id="menu_body">
<ul>
<li><a href="#" onclick="openMenu('sub_menu_1';returne(false)">
<font color="#000000">menu 1</font></a>
<ul id="sub_menu_1">
<li><a href="#"><font color="#000000">sub menu 1</font></a></li>
<li><a href="#"><font color="#000000">sub menu 1</font></a></li>
</ul>
</li>
</ul>
</body>
</html>

--------------------------------------------------------------------
С уважением, Антон.
Серафима Л.
10571 повідомлення
#16 років тому
Может это вам поможет:

и в архиве пример -
А сама я ничего не могу
Виталий Раевский
36 повідомлень
#16 років тому
<html>

<head>

<!--JavaScript -->

<script type="text/javascript">

var id_menu = new Array('sub_menu_1')

function allclose(){

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

		document.getElementById(id_menu).style.display = "none";

	}

}

function openMenu(id){

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

		if (id != id_menu){

			document.getElementById(id_menu).style.display = "none";

		}

	}

	if (document.getElementById(id).style.display == "block"){

		document.getElementById(id).style.display = "none";

	}else{

		document.getElementById(id).style.display = "block";

	}

}

</script>

<!---menu -->

<style type="text/css">

#menu_body{background:#81A192;width:200px}

#menu_body ul li{list-style-type:none;border-bottom:1px solid #fff;

margin-left:-40px; padding:7px}

#menu_body ul li a{color:#fff; font-family:verbana,arial,sans-serif;

text-decoration:none}

#menu_body ul li ul{border:0px none; list-style-type:square; color:#fff;

list-style-position:inside}

#menu_body ul li ul{border-top:1px solid #fff; margin-left:-7px;

padding-left:50px}

</style>

</head>

<body onLoad="allclose()">

<!---menu --->

<div id="menu_body">

<ul>

<li><a href="#" onclick="openMenu('sub_menu_1');return false;">

<font color="#000000">menu 1</font></a>

<ul id="sub_menu_1">

<li><a href="#"><font color="#000000">sub menu 1</font></a></li>

<li><a href="#"><font color="#000000">sub menu 1</font></a></li>

</ul>

</li>

</ul>

</body>

</html>
внимательнее надо быть