Hendrik: onClick arbeitet anders als <script>

Beitrag lesen

SELF-Forum

onClick arbeitet anders als <script>

Hendrik
– Informationen zu den Bewertungsregeln

Hallo,
ich bin immernoch mir meinem Projekt verheiratet.
Doch ich habe ein Problem, ich will mein Menü über eine javascript steuern, nicht über direkte befehle im "onClick" handler.

Unter seht ihr mein Projekt, in <a onMouseOver="Show('1')">start</a> steht ein Aufruf des Javascripts, überall darunter direktaufrufe.
Ich will aber dass das javascript funktioniert, und das tut es nicht.
Ich habe leider nicht genug durchblick in Javascript, um den Fehler zu finde, deshalb bitte ich um Hilfe, bei meinem Problem. Es währe schön wenn irgendwer den Fehler findet.

Danke
   Hendrik

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body {
 color:#004b8c;
 background-color:#888;
 padding:0px;
 margin:0px;
}
.title {
 color:#004b8c;
 position:fixed;
 background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
 top:0px;
 left:0px;
 width:100%;
 padding:3px;
 height:20px;
 border-bottom-color:#004b08c;
 border-bottom-style:solid;
 border-bottom-width:1px;
}
.title span {
 background-color:transparent;
 font-family:verdana;
 font-size:18px;
 word-spacing:4px;
}
.subtitle {
 color:#004b8c;
 position:fixed;
 background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
top:27px;
left:0px;
 width:100%;
 padding:3px;
 height:20px;
 border-bottom-color:#004b08c;
 border-bottom-style:solid;
 border-bottom-width:1px;
}
.subtitle span{
 font-family:verdana;
 font-size:18px;
}

#menu1{
 position:fixed;
 top:27px;
 left:5px;
 display:none;
}
#menu2{
 position:fixed;
 top:27px;
 left:50px;
 display:none;
}
#menu3{
 position:fixed;
 top:27px;
 left:150px;
 display:none;
}
#menu4{
 position:fixed;
 top:27px;
 left:200px;
 display:none;
}
#menu5{
 position:fixed;
 top:27px;
 left:260px;
 display:none;
}
#menu6{
 position:fixed;
 top:27px;
 left:360px;
 display:none;
}
#menu7{
 position:fixed;
 top:27px;
 left:430px;
 display:none;
}
#menu8{
 position:fixed;
 top:27px;
 left:500px;
 display:none;
}
#menu9{
 position:fixed;
 top:27px;
 left:600px;
 display:none;
}

</style>

<script type="javascript">
<!--
function Show(no)
{
 switch(no)
 case 1:
 dokument.getElementById("menu1").style.display = "block";
 break;
}
//-->

</script>
<link rel="stylesheet" href="menu.css" type="text/css">
</head>
<body>

<div class="title">
 <span>
  <a onMouseOver="Show('1')">start</a>
  <a onMouseOver="document.getElementById('menu2').style.display = 'block';">guestbook</a>
  <a onMouseOver="document.getElementById('menu3').style.display = 'block';">chat</a>
  <a onMouseOver="document.getElementById('menu4').style.display = 'block';">forum</a>
  <a onMouseOver="document.getElementById('menu5').style.display = 'block';">downloads</a>
  <a onMouseOver="document.getElementById('menu6').style.display = 'block';">games</a>
  <a onMouseOver="document.getElementById('menu7').style.display = 'block';">links</a>
  <a onMouseOver="document.getElementById('menu8').style.display = 'block';">über mich</a>
  <a onMouseOver="document.getElementById('menu9').style.display = 'block';">email</a>
 </span>
</div>

<div class="subtitle">
 <span id="menu1">start</span>
 <span id="menu2">guestbook</span>
 <span id="menu3">chat</span>
 <span id="menu4">forum</span>
 <span id="menu5">downloads</span>
 <span id="menu6">games</span>
 <span id="menu7">links</span>
 <span id="menu8">über mich</span>
 <span id="menu9">email</span>
</div>

<br><br><br><br><br><br><br><br><br><br>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln