Hoover-Effekt für <input type="image">

[Fabian]

Hi!

Ich suche eine Möglichkeit, wie ich die Tipps

http://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische
und
http://de.selfhtml.org/javascript/beispiele/buttons.htm

miteinander verbinde:

Ich habe eine Grafik als Submit-Button und möchte für diesen nun einen Hoover-Effekt erzeugen, also das Bild austauschen, wenn man mit der Maus über den "Button" fährt.

Leider gibt es für das Input-Element ja gar kein onMouseOver-Ereignis und der Zugriff auf ein Image-Element, wie er im erstgenannten Tipp zur Anwendung kommt, hilft mir ja nichts, wenn ich das Source-Attribut des Input-Elements ändern möchte. Wie aber mache ich es dann?!

Gibt es eine Möglichkeit, mein Vorhaben umzusetzen? Mir stehen JavaScript und PHP zur Verfügung.

MfG
Fabian

[Gunnar Bittersmann]

Hello out there!

Leider gibt es für das Input-Element ja gar kein onMouseOver-Ereignis

Was veranlasst dich du dieser Behauptung?

See ya up the road,
Gunnar

[Fabian]

Was veranlasst dich du dieser Behauptung?

In der SelfHTML-Referenz wird das Ereignis nicht aufgelistet...

Aber selbst wenn es vorhanden wäre, wüsste ich nicht, wie ich mit JavaScript modifizierend auf das Src-Attribut des Input-Elements zugreifen kann (JS ist nicht so mein Fall ;-) )...

Any idea?

[Gunnar Bittersmann]

Hello out there!

In der SelfHTML-Referenz wird das Ereignis nicht aufgelistet...

Doch. [http://de.selfhtml.org/html/referenz/attribute.htm#input] Versteckt unter "Universalattribute".

Im Zweifel ist SELFHTML auch keine _Referenz_, sondern ein Tutorial (und zwar ein sehr gutes).

Die Referenz ist die HTML 4.01 Specification, wobei ich auch deren deutsche Übersetzung als Referenz ansehen würde.

Dort in [HTML401 §17.4]:

<!ATTLIST INPUT
  %attrs;                              -- %coreattrs, %i18n, %events --
  [...]

Click auf "%events":

<!ENTITY % events
 "[...]
  onmouseover %Script;       #IMPLIED  -- a pointer was moved onto --

Aber selbst wenn es vorhanden wäre, wüsste ich nicht, wie ich mit JavaScript modifizierend auf das Src-Attribut des Input-Elements zugreifen kann (JS ist nicht so mein Fall ;-) )...

Ganz einfach mit 'this':

<input type="image" src="foo" onmouseover="[code lang=javascript]this.src='bar'">[/code]

See ya up the road,
Gunnar

[Fabian]

Hi!

Doch. [http://de.selfhtml.org/html/referenz/attribute.htm#input] Versteckt unter "Universalattribute".

Oh du hast recht- die habe ich ganz übersehen :-[

Die Referenz ist die HTML 4.01 Specification, wobei ich auch deren deutsche Übersetzung als Referenz ansehen würde.

Vielen Dank für den Tipp :-)

<input type="image" src="foo" onmouseover="[code lang=javascript]this.src='bar'">[/code]

Wow- das ist ja wirklich einfach :D Vielleicht sollte ich mal vom "Hohen Ross" JavaSE runter kommen und mir dieses JavaScript genauer anschauen- es scheint ja wirklich ziemlich nützlich zu sein (gerade auch, wenn man sich die netten AJAX-Implementierungen des "Web2.0" anschaut ;-) )
Also vielen vielen Dank für die schnelle und zu 100% passende Antwort! Referenz hin oder her- im Zweifelsfall ist das selfhtml-Forum mit seinen Profis immer noch die erste Wahl :-)

MfG
Fabian