nicht angemeldet
Mouseover für eine Tabellenspalte
Hi,
Zuerst beschreibe ich dir mal, wie es zur Zeit aussieht:
Ich habe eine Tabelle mit 2 Spalten, in der linken Spalte stehen ein paar Links und in der rechten Spalte steht ein Text. Jetzt soll, wenn man mit der Mouse über den Link fährt, in der rechten Spalte der Text verschwinden und statt dessen ein Bild angezeigt werden. Wenn ich mit der Mouse wieder vom Link wegkomme, soll das Bild verschwinden und der Text wieder erscheinen.
Das ganze klappt auch schon ganz gut. Der Text verschwindet, und der Text kommt dann auch wieder, wenn ich mit der Mouse weg bin. Aber mein Problem ist das Bild einzubinden. Ich sehe nur einen Kasten, wo das Bild eigentlich sein sollte und die Beschreibung passt auch, die ich im <img>-Tag mit alt="Beschreibung" angegeben habe aber das rote X ist drin, als Zeichen,
dass der Browser das Bild nicht laden oder nicht finden konnte. Der Pfad der Grafik stimmt aber. Schau es dir selbst mal an, hier ist ein Auszug aus
meinem Quelltext:
----------------------------
Javascript:
<script language="JavaScript">
picture = new Array();
picture["link1"] = new Image();
picture["link1"].src = "../gifs/link1.gif";
usw. Bilder für mehrere Links
function msover(imageName)
{
document.all.seite.innerHTML =
'<img src=picture[imageName].src width=200
height=300 alt="Beschreibung"
border="0">';
}
function msout()
{....}
</script>
Im <body>
Tabellenspalte:
<td rowspan=6 width="50%" bgcolor="#0033cc"
id="seite">
bla bla bla Text
</td>
Link:
<a onMouseOver="msover('link1')"
onMouseOut="msout()" href="pcbesta2.htm">
Ersatzbestellung für ein vorhandenes
Endgerät
</a>
------------------------
Ich grüble schon zwei Tage an dem Problem und bin zu dem Entschluss gekommen, dass es an der Funktion >>msover<< liegen muss, aber ich habe keine Ahnung
was ich sonst noch dafür schreiben könnte.
Muß da nicht irgendwas mit "images" mit rein? Was meinst du?
Ich wäre dir für eine schnelle Antwort wirklich zu tiefst dankbar und hoffe du kannst mir weiterhelfen, ich bin schon am verzweifeln.
Ciao,
Marcus
-
Hallo Marcus
Der Pfad der Grafik stimmt aber.leider nicht :-)
function msover(imageName)
{
document.all.seite.innerHTML =
'<img src=picture[imageName].src width=200
height=300 alt="Beschreibung"
border="0">';
}konkret erzählst du dem Browser, er soll das Bild "picture[imageName].src" laden. Dein Fehler, du schreibst den Bildaufruf in einem String, der Browser liest aber jetzt die Variable so wie sie dasteht und belegt sie nicht mit Werten. Du mußt also eine Stringaddition durchführen und schreiben:
'<img src='+picture[imageName].src+' width=200 height=300 alt="Beschreibung" border="0">'
durch '+picture[imageName].src+' wird jetzt der Inhalt der Variablen addiert und es funktioniert.
Viele Grüße
Antje