Hallo an alle an den Bildschirmen
Ich bin absoluter Anfänger in javascript und verstehe ein Stück Quellcode nicht
Unten die source ist aus Slefhtml, leicht geändert
Die ersten 4 Anker Tags… klappen, der fünfte nicht
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "rot.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "blau.gif"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "gelb.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "schwarz.gif"; /* zweite Highlight-Grafik */
Normal3 = new Image();
Normal3.src = "lila.gif"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "grau.gif"; /* dritte Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
function Bildwechsel(Bildnr,Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
</head>
<body>
<!--
<a href="gerhard.html"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"><img src="rot.gif"></a><br>
<a href="../../../helferlein/index.htm"
onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)"><img src="rot.gif"></a><br>
<a href="../../../layouts/index.htm"
onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal3)"><img src="rot.gif"></a><br>
-->
<!--
wechselt von gelb nach blau
-->
<a href="gerhard.html"
onMouseOver="Bildwechsel(0,Highlight2)"
onMouseOut="Bildwechsel(0,Normal2)"><img src="rot.gif"></a><br>
<a href="gerhard.html"
onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal2)"><img src="rot.gif"></a><br>
</body>
</html>
Zwei Dinge habe ich noch so ganz kapiert
1. Der Zusammenhang zwischen Bildnummer und Bild.
so steht es in Selfhtml zu images.:
„Bei Verwendung von Indexnummern geben Sie document.images an und dahinter in eckigen Klammern, die wie vielte Grafik in der Datei Sie meinen. Jede Grafik, die in HTML mit dem <img>-Tag notiert wurde, zählt.“
Das heißt, Normal1 = Grafik 1, Normal 2 = Grafik 2 usw.
Die Highlight Grafiken zählen nicht im Sinne der Bildnummer.
Ist das so richtig???
Aber
Verweis 4 funktioniert obwohl Bildnr 0 eigentlich zu Normal1.gif gehört
Verweis 5 funktioniert nicht
Wo ist der Unterschied???
2. Wozu brauch ich den Anker. Mir ist klar, dass ich zuerst mit HTML was auf den Schirm bringen muss, aber warum ausgerechnet ein Verweis? Wieso geht es nicht, wenn ich in einen <div>… </div> die mousover, out Sachen einbaue, von mir aus mit img scr=…
Grüße Gerhard