Hallo ich habe eine Menü.Html erstellt und es sollten die 5 menü button mouse over haben, aber leider klappt das nicht so, wie ichmir das vorgestellt hab.
Hier ist Mal der Quelltext:
<!--<html>
<head>
<title>Buttons</title>
<script type=" text/ javascript">
<!--
Normal1 = new Image();
Normal1.src = "Aufgabe1_StartseiteButton.gif";
Highlight1 = new Image();
Highlight1.src = "Aufgabe1_StartseiteButton_over.gif"
Normal2 = new Image();
Normal2.src = "Aufgabe1_NachObenButton.gif";
Highlight2 = new Image();
Highlight2.src = "Aufgabe1_NachObenButton_over.gif"
Normal3 = new Image();
Normal3.src = "aufgabe1_b1.gif";
Highlight3 = new Image();
Highlight3.src = "aufgabe1_b1_over.gif"
Normal4 = new Image();
Normal4.src = "aufgabe1_b2.gif";
Highlight4 = new Image();
Highlight4.src = "aufgabe1_b2_over.gif"
Normal5 = new Image();
Normal5.src = "aufgabe1_b3.gif";
Highlight5 = new Image();
Highlight5.src = "aufgabe1_b3_over.gif"
function BildWechsel( bildnummer, bildobjekt)
{
window.document.images[ bildnummer].src = bildobjekt.src;
}
//-->
</script>
</head>
<body>
<body bgcolor="#FFFFC0" background="buttonsback.gif" text="#000000">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<a target="main" href="Home.html"
onMouseOver="javascript:BildWechsel(0,Highlight1);"
onMouseOut="javascript:BildWechsel(0,Normal1);">
<img src="Aufgabe1_StartseiteButton.gif" border="0" alt="Home" /></a><br>
<p>
<a target="main" href="Oben.html"
onMouseOver="javascript:BildWechsel(1,Highlight2);"
onMouseOut="javascript:BildWechsel(1,Normal2);">
<img src="Aufgabe1_NachObenButton.gif" border="0" alt="NachOben"/></a><br>
</td><td> </td>
<td valign="top">
</td>
</tr>
</table>
<p>
<a target="main" href="kontakt.html"
onMouseOver=" javascript: BildWechsel( 2,Highlight3);"
onMouseOut=" javascript: BildWechsel( 2, Normal3);">
<img src="aufgabe1_b1.gif" border=" 0" alt="Kontakt" /></ a>
<p>
<a target="main" href="Veranstaltungen.html"
onMouseOver=" javascript: BildWechsel( 3,Highlight4);"
onMouseOut=" javascript: BildWechsel( 3, Normal4);">
<img src=" aufgabe1_b2.gif" border=" 0" alt="Veranstaltungen" /></ a>
<p>
<a target="main" href="Produkte.html"
onMouseOver=" javascript: BildWechsel( 4,Highlight5);"
onMouseOut=" javascript: BildWechsel( 4, Normal5);">
<img src=" aufgabe1_b3.gif" border=" 0" alt="Produkte" /></ a>
</body>
</ html>
Weiterhin öffnet sich z.B beim Klick auf den Button Kontakt die Seite Kontakt mit einem weiterem Button.
Dieser sollte nach Möglichkeit eindrückbar sein. Die entsprechenden unterschiedlichen Button für "gedrückt" und "nicht gedrückt" sowie für "normal" und "Mouseover" hab ich schon.
Hier Mal der jetzige Quelltext der kontakt.html
<script type=" text/ javascript">
<!--
Normal1 = new Image();
Normal1. src = "aufgabe1_b1.gif";
Highlight1 = new Image();
Highlight1.src = "Aufgabe1_b1_on.gif"
function BildWechsel( bildnummer, bildobjekt)
{
window. document. images[ bildnummer]. src = bildobjekt. src;
}
//-->
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">
</table>
<p>
<a target="main" href="kontakt.html"
onMouseOver=" javascript: BildWechsel( 0,Highlight1);"
onMouseOut=" javascript: BildWechsel( 0, Normal1);">
<img src="aufgabe1_b1.gif" border=" 0" alt="Kontakt" /></ a>
<p>
</body>
</ html>
Ich würde mich sehr freuen wenn mir jemand erläutern könnte wie ich diese beiden Probleme lösen kann. Schönwäre natürlich auch ein Beispiel.
Gruß Sabine