nicht angemeldet
Problem mit Bildwechsel
Problem mit Bildwechsel
HI,
ich hab hier mein Script für die Menüleiste, soweit funktioniert sie auch, der Bilderwechsel für die Unterpunkte funktioniert auch. Nur der Wechsel mit den Menüpunkten will nicht funktionieren. Ich hab mir das jetzt schon mindestens 10 mal durchgelesen. Aber wahrscheinlich ist da nur ein kleiner Fehler drin den ich jedesmal überlese. Zum kotzen ist sowas. Naja was will man machen. Ich zeig euch mal das Script.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table.menubar{position: absolute; left: 60px; top: 80px; z-index:2;}
table.spalte1 {position: absolute; left: 60px; top: 120px; z-index:2;}
table.spalte2 {position: absolute; left: 89px; top: 120px; z-index:2;}
table.spalte3 {position: absolute; left: 130px; top: 120px; z-index:2;}
table.spalte4 {position: absolute; left: 170px; top: 120px; z-index:2;}
table.spalte5 {position: absolute; left: 210px; top: 120px; z-index:2;}
table.spalte6 {position: absolute; left: 250px; top: 120px; z-index:2;}
body{background-color:black}
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function zeigemenus1() {
document.getElementById("menus1").style.visibility="visible";
document.getElementById("menus2").style.visibility="hidden";
document.getElementById("menus3").style.visibility="hidden";
document.getElementById("menus4").style.visibility="hidden";
document.getElementById("menus5").style.visibility="hidden";
document.getElementById("menus6").style.visibility="hidden";
}
function zeigemenus2() {
document.getElementById("menus1").style.visibility="hidden";
document.getElementById("menus2").style.visibility="visible";
document.getElementById("menus3").style.visibility="hidden";
document.getElementById("menus4").style.visibility="hidden";
document.getElementById("menus5").style.visibility="hidden";
document.getElementById("menus6").style.visibility="hidden";
}
function zeigemenus3() {
document.getElementById("menus1").style.visibility="hidden";
document.getElementById("menus2").style.visibility="hidden";
document.getElementById("menus3").style.visibility="visible";
document.getElementById("menus4").style.visibility="hidden";
document.getElementById("menus5").style.visibility="hidden";
document.getElementById("menus6").style.visibility="hidden";
}
function zeigemenus4() {
document.getElementById("menus1").style.visibility="hidden";
document.getElementById("menus2").style.visibility="hidden";
document.getElementById("menus3").style.visibility="hidden";
document.getElementById("menus4").style.visibility="visible";
document.getElementById("menus5").style.visibility="hidden";
document.getElementById("menus6").style.visibility="hidden";
}
function zeigemenus5() {
document.getElementById("menus1").style.visibility="hidden";
document.getElementById("menus2").style.visibility="hidden";
document.getElementById("menus3").style.visibility="hidden";
document.getElementById("menus4").style.visibility="hidden";
document.getElementById("menus5").style.visibility="visible";
document.getElementById("menus6").style.visibility="hidden";
}
function zeigemenus6() {
document.getElementById("menus1").style.visibility="hidden";
document.getElementById("menus2").style.visibility="hidden";
document.getElementById("menus3").style.visibility="hidden";
document.getElementById("menus4").style.visibility="hidden";
document.getElementById("menus5").style.visibility="hidden";
document.getElementById("menus6").style.visibility="visible";
}
function loeschen(){
document.getElementById("menus1").style.visibility="hidden";
document.getElementById("menus2").style.visibility="hidden";
document.getElementById("menus3").style.visibility="hidden";
document.getElementById("menus4").style.visibility="hidden";
document.getElementById("menus5").style.visibility="hidden";
document.getElementById("menus6").style.visibility="hidden";
}
//-->
</script>
</head>
<body>
<table class="menubar">
<tr><td width="25" OnMouseOver="loeschen()"></td>
<td><table border="0"><tr> <td>
<a href="#..." onMouseOver="javascript:zeigemenus1(); document.images['b1'].src='file:///C|/www/neue_Buttons/Navigationsleiste/Angebote_02.jpg'";
onMouseOut="document.images['b1'].src='file:///C|/www/neue_Buttons/Navigationsleiste/Angebote_01.jpg'" >
<img src="file:///C|/www/neue_Buttons/Navigationsleiste/Angebote_01.jpg" name="b1"> </a>
</td><td>
<a href="#..." onMouseOver="zeigemenus2(); document.images['b3'].src='Referenzen_01.gif'";
onMouseOut="document.images['b3'].src='Referenzen_02.gif'">
<img src="Referenzen_02.gif" name="b3" > </a>
</td>
</tr></table>
</td></tr></table>
<table id="menus1" class="spalte1" style="visibility:hidden">
<tr><td width="25" OnMouseOver="loeschen()"></td>
<td><table border="0"><tr> <td>
<a href="http://www.lycos.de" onMouseOver="document.images['b2'].src='file:///C|/www/neue_Buttons/Navigationsleiste/Angebote_02.jpg'";
onMouseOut="document.images['b2'].src='file:///C|/www/neue_Buttons/Navigationsleiste/Angebote_01.jpg'">
<img src="file:///C|/www/neue_Buttons/Navigationsleiste/Angebote_02.jpg" name="b2"> </a>
</td></tr></table>
</td></tr></table>
<table id="menus2" class="spalte2" style="visibility:hidden">
<tr><td width="120" OnMouseOver="loeschen()"></td>
<td><table border="0"><tr> <td>
<a href="http://www.lycos.de" onMouseOver="document.images['b4'].src='Geschichte_02.gif'";
onMouseOut="document.images['b4'].src='Geschichte_01.gif'">
<img src="Geschichte_01.gif" name="b4"> </a>
</td></tr></table>
</td></tr></table>
</body>
</html>
Ach ja da wird auch jedes mal in Zeile 89, 27 und 38 bei menus3 gesagt das das Objekt nicht gefunden wurde. Warum gerade an den drei Punkten.
Schon mal danke für euere Hilfe
-
HI,
Fehler schon so gefunden
Trotzdem Danke
-
Hallo.
Fehler schon so gefunden
Verrate bitte nicht, woran es lag. Sonst könnte sich noch jemand die Lösung zunutze machen ;-)
MfG, at
-