Ich muss von meinem Schul-Informatikkurs aus eine Homepage erstellen und da ich möchte ich dynamische Buttons einbauen. Das zusammengesetzte Bild ist schon fertig nur der "onmouseover"-Befehl klappt nicht.
Ich habe mir schon verschiedene Tutorials im Internet durchgelesen leider konnten wir das thema javascript in der Schule noch nicht sehr vertiefen.
Darum konnte ich immer nur kontrollieren, ob ich es genauso habe wie in den Tutorials und es ist ganau so.
Zur Anzeige:
Ohne das ganze Javascript und so zeigt er alles normal an.
Mit Javascript und mouseover erscheint um das Bild ein Blauer oder Lila rand.
Code:
<html>
<head><title>navigationstabelle</title>
<script
language="JavaScript">
<!--
button5a= new Image();
button5a.src = "5a.jpg"
button5b= new Image();
button5b.src = "5b.jpg"
//-->
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="14" height="18"><img src="1.jpg"></th>
<th width="122" height="18"><img src="2.jpg"></th>
<th width="14" height="18"><img src="3.jpg"></th>
</tr>
<tr>
<td width="14" height="50"><img src="4.jpg"></td>
<td width="122" height="50">
<a href="startseite.html"
onmouseover="austausch1.src='5b.jpg';"
onmouseout="austausch1.src='5a.jpg';">
<img src="5a.jpg"name="austausch1"></a></td>
<td width="14" height="50"><img src="6.jpg"></td>
</tr>
...Darum konnte ich immer nur kontrollieren, ob ich es genauso habe wie in den Tutorials und es ist ganau so.
Zur Anzeige:
Ohne das ganze Javascript und so zeigt er alles normal an.
Mit Javascript und mouseover erscheint um das Bild ein Blauer oder Lila rand.