Fehlersuche

[Jessika]

Hallo liebe Leute,
ich hatte bisher ein <a href..> mit einem mouseover-Effekt und möchte diesen nun in einen image-Button ändern mit gleichem mousover-Effekt.
Das bekomme ich aber irgendwie nicht hin. Vielleicht seht Ihr ja, wo der Fehler liegt.

Vorher:
<a href="index.php?target=1" onMouseOver="button01.src=image1.src" onMouseOut="button01.src=image2.src">
<img src="gfx/woodbutton1a.jpg" border="0" name="button01"></a>

Nachher:
<form action="index.php" method="post">
<input type="image" src="gfx/woodbutton1a.jpg" onMouseOver="button01.src=image1.src" onMouseOut="button01.src=image2.src" name="button01">
<input name="target" type="hidden" value="1">
</form>

Hoffentlich seht Ihr mehr als ich ;o)

[EKKi]

Mahlzeit Jessika,

<input type="image" src="gfx/woodbutton1a.jpg" onMouseOver="button01.src=image1.src" onMouseOut="button01.src=image2.src" name="button01">

1. Du solltest die Namen der Events klein schreiben (im Hinblick auf evtl. spätere XHTML-Umsetzung - außerdem macht es den Code IMHO leserlicher).

2. Was genau soll das Objekt "button01" sein? Du kannst mit "this" auf das aktuelle Objekt verweisen.

3. Was genau soll das Objekt "image1" sein? Ist das irgendwo im restlichen Quelltext definiert?

  
<input type="image" src="gfx/woodbutton1a.jpg" onmouseover="this.src=image1.src" onmouseout="this.src=image2.src" name="button01">

MfG,
EKKi

[Jessika]

Hi Ekki,

Klasse, das hat gelkappt.
Vielen Dank und Gruß

Jessi