onMouseOver Button funktioniert nicht von Michael, 04.10.2006 22:38

onMouseOver Button funktioniert nicht

Björn Daniel Weissberg 04.10.2006 21:52

javascript

Seit längerem versuche ich vergeblich onMouseOver-Buttons in meine Homepage zu integrieren, das Problem besteht darin, dass der Button nicht wechselt, wenn ich mit dem Cursor drüberlaufe.
Ich habe einfach alles probiert, was mir eingefallen ist, recherchierte im Internet, konnte jedoch keine Lösung finden.
Warum wechselt das Image nicht?

Hier einmal der Quelltext:

</HEAD>
<BODY>
<script language="Javascript">
<!-- if (document.images)
{ img1on=new Image();
img1on.src="2.gif";

img2on=new Image();
img2on.src="3.gif";

img1off=new Image();
img1off.src="1.gif";

img2off=new Image();
         img2off.src="4.gif";
                        }
         function imgOn(imgName)
         { if (document.images) { document[imgName].src=eval(imgName + "on.src"); } } function imgOff(imgName) { if (document.images) { document[imgName].src=eval(imgName + "off.src"); } } // -->
        </script>
<TABLE border="0">
<TR>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
</TR>
<TABLE/>
</BODY>
</HTML>

Beitrag melden

– Informationen zu den Bewertungsregeln

onMouseOver Button funktioniert nicht
Lukas Böhm 04.10.2006 22:34

javascript
+1 Informationen zu den Bewertungsregeln
Hi!
Ich habe mir nicht deinen Quelltext besonders ausgiebig angeschaut. Daher weiss ich nicht, wo der Fehler ist, aber ich denke, dass du es sehr umständlich machst. Wie wäre es mit:

<img height="100" width="200" alt="" onmouseover="this.src('url/deines_bilder.png') onmouseout="this.src('alte_url/deines_bildes.png')>

szia, Lukas
Beitrag melden

+1
Informationen zu den Bewertungsregeln
onMouseOver Button funktioniert nicht
Michael 04.10.2006 22:38

javascript
– Informationen zu den Bewertungsregeln
Hallo,

hast Du es schon mal mit nur einem Bild (bzw einem TD) probiert?...
Dann geht es nämlich (zumindest bei mir).
Zur Erklärung:
Wenn Du in der Funktion document[img1] holen willst, welches der vielen "img1" würdest Du Dir aussuchen? und hier weiß sich die JS-Engine dann auch nicht zu helfen.
Warum verwendest Du anstatt des name-Attributes nicht einfach id? - Dann kannst Du Dir das gewüschte Bild mit document.getElementById("DeineID") holen und im HTML einfach onMouseOver="imgOn(this.id)" notieren.

Viele Grüße

Michael
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Björn Daniel Weissberg: onMouseOver Button funktioniert nicht