nicht angemeldet
Mouse Over Button geht nicht
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
-
Hallo Sabine,
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.
Was passiert denn?
Mir sind spontan ein paar Kleinigkeiten aufgefallen, die Du vielleicht erst mal beseitigst, vielleicht klappt's dann.
<a target="main" href="Home.html"
onMouseOver="javascript:BildWechsel(0,Highlight1);"
onMouseOut="javascript:BildWechsel(0,Normal1);">-----------------^^^^^^^^^^
gehört da nicht rein - mit dem Event Handler wird bereits Javascript "angekündigt"function BildWechsel( bildnummer, bildobjekt)
{
window. document. images[ bildnummer]. src = bildobjekt. src;--------^^---------^^------^^-----------^^----------------^^
Ich bin mir nicht sicher, würde aber die ganzen Leerzeichen in den Klammern und hinter den Punkten mal wegnehmen.Viel Erfolg
Schöne Grüße aus Köln-Ehrenfeld,
Elya
--
Keep passing the open windows.-
<a target="main" href="Home.html"
onMouseOver="javascript:BildWechsel(0,Highlight1);"
onMouseOut="javascript:BildWechsel(0,Normal1);">
-----------------^^^^^^^^^^
gehört da nicht rein - mit dem Event Handler wird bereits Javascript "angekündigt"function BildWechsel( bildnummer, bildobjekt)
{
window. document. images[ bildnummer]. src = bildobjekt. src;
--------^^---------^^------^^-----------^^----------------^^
Ich bin mir nicht sicher, würde aber die ganzen Leerzeichen in den Klammern und hinter den Punkten mal wegnehmen.Also ich das jetzt mal alles editiert, aber leider ohne Erfolg.
Die Button sind zu sehen, aber die Moseoverfunktion ist nicht verfügbar.-
Hallo Sabine,
Also ich das jetzt mal alles editiert, aber leider ohne Erfolg.
Die Button sind zu sehen, aber die Moseoverfunktion ist nicht verfügbar.Hast Du mal die Fehlermeldungen in der Mozilla/Netscape-JS-Konsole angeschaut? Gibt es welche?
Schöne Grüße aus Köln-Ehrenfeld,
Elya
--
Keep passing the open windows.
-
-