- #1
B
Black Panter
Bekanntes Mitglied
Themenersteller
- Dabei seit
- 20.07.2005
- Beiträge
- 138
- Reaktionspunkte
- 0
hi,
ich habe folgendes Problem:
Ich hab mir ein Menü mit JavaScript geschrieben, was auch funktioniert hat. Und obwohl ich nichts am Script geändert hab, funzt es leider nicht mehr. Vieleicht kann mir ja hier einer helfen, weil ich finde den Fehler nicht.
Und hier noch die dazugehörige CSS Datei:
ich habe folgendes Problem:
Ich hab mir ein Menü mit JavaScript geschrieben, was auch funktioniert hat. Und obwohl ich nichts am Script geändert hab, funzt es leider nicht mehr. Vieleicht kann mir ja hier einer helfen, weil ich finde den Fehler nicht.
Code:
<script type=text/javascript>
function men1_open() {document.getElementById(men1).innerHTML =-><img src=img/vorstellung.gif id=vorstellung onClick=men1_closed()><table border=0 id=smenu1><tr id=trmen><td><a href=jugo.html target=mainframe onclick=close_all()>Jugendgruppe</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>All you can EAT</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Teams</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Hauskreise</a></td></tr></table>'}
function men1_closed() {document.getElementById(men1).innerHTML =-><img src=img/vorstellung.gif id=vorstellung onClick=menue1()>'}
function men2_open() {document.getElementById(men2).innerHTML =-><img src=img/programm.gif id=programm onClick=men2_closed()><table border=0 id=smenu2><tr id=trmen><td><a href= onclick=close_all()>Jugendgruppe</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Kalender</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>JDM</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Freizeiten</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Events</a></td></tr></table>'}
function men2_closed() {document.getElementById(men2).innerHTML =-><img src=img/programm.gif id=programm onClick=menue2()>'}
function men3_open() {document.getElementById(men3).innerHTML =-><img src=img/pics.gif id=pics onClick=men3_closed()><table border=0 id=smenu3><tr id=trmen><td><a href= onclick=close_all()>Jugendgruppe</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>JDM</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Freizeiten</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Aktionen</a></td></tr></table>'}
function men3_closed() {document.getElementById(men3).innerHTML =-><img src=img/pics.gif id=pics onClick=menue3()>'}
function men4_open() {document.getElementById(men4).innerHTML =-><img src=img/links.gif id=links onClick=men4_closed()><table border=0 id=smenu4><tr id=trmen><td><a href= onclick=close_all()>JDM</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>EC-Bayern</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Jesus.de</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Crosschannel.de</a></td></tr></table>'}
function men4_closed() {document.getElementById(men4).innerHTML =-><img src=img/links.gif id=links onClick=menue4()>'}
function men5_open() {document.getElementById(men5).innerHTML =-><img src=img/intern.gif id=intern onClick=men5_closed()><table border=0 id=smenu5><tr id=trmen><td><a href= onclick=close_all()>Chat</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Geburtstagskalender</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Adressenliste</a></td></tr></table>'}
function men5_closed() {document.getElementById(men5).innerHTML =-><img src=img/intern.gif id=intern onClick=menue5()>'}
function men6_open() {document.getElementById(men6).innerHTML =-><img src=img/kontakt.gif id=kontakt onClick=men6_closed()><table border=0 id=smenu6><tr id=trmen><td><a href= onclick=close_all()>Adresse</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>Ansprechpartner</a></td></tr><tr id=trmen><td><a href= onclick=close_all()>E-Mail</a></td></tr></table>'}
function men6_closed() {document.getElementById(men6).innerHTML =-><img src=img/kontakt.gif id=kontakt onClick=menue6()>'}
function men_home() {document.getElementById(men0).innerHTML =
function close_all() {men1_closed(); men2_closed(); men3_closed(); men4_closed(); men5_closed(); men6_closed();}
function menue1() {close_all(); men1_open()}
function menue2() {close_all(); men2_open()}
function menue3() {close_all(); men3_open()}
function menue4() {close_all(); men4_open()}
function menue5() {close_all(); men5_open()}
function menue6() {close_all(); men6_open()}
//-->
</script>
</head>
<body>
<center>
<table id=main height=768 width=1024 border=0 bordercolor=black>
<tr>
<td height=220 width=225 align=left valign=top><img src=img/logo.gif alt=Live-Time Logo id=logo/></td>
<td height=220 width=185 align=left valign=top><img src=img/blumen2.gif alt=Blumen id=blume2/></td>
<td width=300></td>
<td height=220 rowspan=10 align=right valign=top><img src=img/blumen1.gif alt=Blumen id=blume/></td>
</tr>
<tr>
<td valign=top rowspan=2>
<!-- Menu-->
<span id=men0><img src=img/home.gif onclick='close_all()' id=home></span>
<span id=men1><img src=img/vorstellung.gif onclick='menue1()' id=vorstellung></span>
<span id=men2><img src=img/programm.gif onclick='menue2()' id=programm></span>
<span id=men3><img src=img/pics.gif onclick='menue3()' id=pics></span>
<span id=men4><img src=img/links.gif onclick='menue4()' id=links></span>
<span id=men5><img src=img/intern.gif onclick='menue5()' id=intern></span>
<span id=men6><img src=img/kontakt.gif onclick='menue6()' id=kontakt></span>
<span id=men7><img src=img/gaestebuch.gif id=gaestebuch></span>
<!--/Menu-->
</td>
<td colspan=2 valign=top>
<iframe src=welcome.html name=mainframe width=600 height=500 border=0 frameborder=0 framespacing=0></iframe>
</td>
</tr>
<tr>
<td colspan=2 height=20 align=center><a href=#>Kontakt</a>&nbsp;/&nbsp;<a href=impressum.html target=mainframe>Impressum</a></td>
</tr>
</table>
</center>
Und hier noch die dazugehörige CSS Datei:
Code:
table { background-image: url(../img/background.gif); }
#main {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px}
#logo {position: absolute; top: 0xt; left: 0xt; bottom: 0xt; right: 0xt}
#blume {position: absolute; top: 0xt; left: 0xt; bottom: 0xt; right: 0xt}
#blume2 {position: absolute; top: 0xt; left: 0xt; bottom: 0xt; right: 0xt}
/*#button1 {position:relative; top:20px; left:55px; bottom:0px; right:0px; z-index:3;}
#button2 {position:relative; top:40px; left:30px; bottom:0px; right:0px; z-index:3;}
#button3 {position:relative; top:60px; left:10px; bottom:0px; right:0px; z-index:3;}
#button4 {position:relative; top:80px; left:0px; bottom:0px; right:0px; z-index:3;}
#button5 {position:relative; top:100px; left:0px; bottom:0px; right:0px; z-index:3;}
#button6 {position:relative; top:120px; left:10px; bottom:0px; right:0px; z-index:3;}
#button7 {position:relative; top:140px; left:30px; bottom:0px; right:0px; z-index:3;}
#button8 {position:relative; top:160px; left:50px; bottom:0px; right:0px; z-index:3;}*/
#home {position:absolute; top:240px; left:55px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#vorstellung {position:absolute; top:295px; left:30px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#programm {position:absolute; top:350px; left:10px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#pics {position:absolute; top:405px; left:0px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#links {position:absolute; top:460px; left:0px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#intern {position:absolute; top:515px; left:5px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#kontakt {position:absolute; top:570px; left:15px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#gaestebuch {position:absolute; top:625px; left:25px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#button9 {position:absolute; top:680px; left:50px; bottom:0px; right:0px; z-index:3; height: 43px; width: 154px;}
#smenu1 {position:absolute; top:295px; left:183px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px; background-color: white;}
#smenu2 {position:absolute; top:350px; left:163px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu3 {position:absolute; top:405px; left:153px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu4 {position:absolute; top:460px; left:153px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu5 {position:absolute; top:515px; left:158px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu6 {position:absolute; top:570px; left:163px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu7 {position:absolute; top:537px; left:225px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu8 {position:absolute; top:552px; left:235px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#smenu9 {position:absolute; top:607px; left:235px; bottom:0px; right:0px; z-index:20; height: 10px; width: 100px}
#trmen {
background-color: white;
border-color: black;
}