Помоги поправить яваскрипт! плз! [Версия для КПК]

Показать полную графическую версию : Помоги поправить яваскрипт! плз!

MadEx

30-05-2005, 00:51

Я не пишу на яве, скачал скрипт для выпадающей менюхи, присабачил на страничку (посмореть мона тут: http://madex.nm.ru/html/40ukv).
Есть одна проблемка - менюшки не убираются, может кто поможет скриптик поправить, я в яве - ни бум бум...
вот скрипт:

<html>
<head>
<title>Menu</title>
<style type="text/css">
a { font-family: Verdana, Arial; color: white; text-decoration: none; font-weight:bold; }
a:hover { color: white; text-decoration: none; font-weight:bold; background-color:red;}
#box {
position:absolute;
visibility:hidden;
layer-background-color:red }
#blackbox { font-family: Verdana, Arial; font-size:8pt; color: white; background-color:black; text-decoration: none }
#mnubar { margin: 0px 0px 0px 0px; }

</style>

<script language="JavaScript">
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show"
showbox.top=44
var items = 5
for (i=1; i<=items; i++) {
elopen=document.layers[i]
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}

if(ie) {
curEl = event.toElement
curEl.style.background = "silver"

showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top = 40;

var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box[i]
barEl=document.all.mnubar[i]
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "#000000"
}
}
}
}

function closeIt() {
var items = 5
for (i=0; i<items; i++) {
if(ie){
document.all.box[i].style.visibility = "hidden"
barEl=document.all.mnubar[i]
barEl.style.background = "#000000"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}

</script>

</head>

<body bgcolor="36456c" text="white" link="white" vlink="white" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="400" bgcolor="#000000" height="40">
<tr><td align="center" bgcolor="36456c" colspan="5"><b>Opening Menu</b></td></tr>
<tr>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(0)" id=mnubar><img src="../images/index_08.gif"></a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(1)" id=mnubar>Menu</a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(2)" id=mnubar>Menu</a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(3)" id=mnubar>Menu</a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(4)" id=mnubar>Menu</a></td>

</tr>
</table>
<br><br>

<div onmouseover="closeIt()" >
<layer onmouseover="closeIt()">

</layer>
</div>



<div id=box style=left:0>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!'>Link</a></td></tr>
</table>
</div>



<div id=box style=left:80>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!'>Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>



<div id=box style=left:160>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>



<div id=box style=left:240>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>



<div id=box style=left:320>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>

</body>
</html>

slaine

30-05-2005, 12:16

Этот скрипт писал не человек! Я написал бы в три меньше кода!!

Вот смотри должно работать, правда я пожертвовал серым цветом - времени нету сделать до конца.
<html>
<head>
<title>Menu</title>
<style type="text/css">
a { font-family: Verdana, Arial; color: white; text-decoration: none; font-weight:bold; }
a:hover { color: white; text-decoration: none; font-weight:bold; background-color:red;}
#box {
position:absolute;
visibility:hidden;
layer-background-color:red }
#blackbox { font-family: Verdana, Arial; font-size:8pt; color: white; background-color:black; text-decoration: none }
#mnubar { margin: 0px 0px 0px 0px; }

</style>

<script language="JavaScript">
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show"
showbox.top=44
var items = 5
for (i=1; i<=items; i++) {
elopen=document.layers[i]
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}

if(ie) {

showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top = 40;

var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box[i]
barEl=document.all.mnubar[i]
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "#000000"
}
}
}
}
function closeIt() {
var items = 5
for (i=0; i<items; i++) {
if(ie){
document.all.box[i].style.visibility = "hidden"
barEl=document.all.mnubar[i]
barEl.style.background = "#000000"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}

</script>

</head>

<body bgcolor="36456c" text="white" link="white" vlink="white" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="400" bgcolor="#000000" height="40">
<tr><td align="center" bgcolor="36456c" colspan="5"><b>Opening Menu</b></td></tr>
<tr>
<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(0)" onMouseOut="closeIt(0)" id=mnubar><img src="../images/index_08.gif"></a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(1)" onMouseOut="closeIt(1)" id=mnubar>Menu</a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(2)" onMouseOut="closeIt(2)" id=mnubar>Menu</a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(3)" onMouseOut="closeIt(3)" id=mnubar>Menu</a></td>

<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(4)" onMouseOut="closeIt(4)" id=mnubar>Menu</a></td>

</tr>
</table>
<br><br>

<div onmouseover="closeIt()" >
<layer onmouseover="closeIt()">

</layer>
</div>


<div id=box onmouseover="openIt(0)" onMouseOut="closeIt(0)" style=left:0>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!'>Link</a></td></tr>
</table>
</div>



<div id=box onmouseover="openIt(1)" onMouseOut="closeIt(1)" style=left:80>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!'>Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>


<div id=box onmouseover="openIt(2)" onMouseOut="closeIt(2)" style=left:160>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>



<div id=box onmouseover="openIt(3)" onMouseOut="closeIt(3)" style=left:240>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>


<div id=box onmouseover="openIt(4)" onMouseOut="closeIt(4)" style=left:320>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>

</body>
</html>

MadEx

30-05-2005, 12:25

Огромное спасибо!