this.border bei onmouseover

[Klaus]

Guten Morgen!
Ich möchte die Farbe des Rahmen eines Bildes beim Überfahren mit der Maus verändern. Leider läuft folgendes nicht:

<img onmouseover="this.border='#0000FF';" ...>  
<img onmouseover="this.border.style='#0000FF';" ...>  
<img onmouseover="this.border.style.color='#0000FF';" ...>

Dagegen läuft
<img onmouseover="this.border='2px';" ...>

ohne Probleme. Wie bekomme ich die Farbe geändert?

Klaus

[Hans Wurst]

<img onmouseover="this.border='#0000FF';" ...>

<img onmouseover="this.border.style='#0000FF';" ...>
<img onmouseover="this.border.style.color='#0000FF';" ...>

Wie wärs mit:  
`<img onmouseover="this.style.border='1px solid #0000FF;'" ...>`{:.language-javascript}

[Klaus]

Wie wärs mit:
<img onmouseover="this.style.border='1px solid #0000FF;'" ...>

Leider auch nicht. Wie gehabt, width ändert sich, das andere nicht.

[Struppi]

Wie wärs mit:
<img onmouseover="this.style.border='1px solid #0000FF;'" ...>

Leider auch nicht. Wie gehabt, width ändert sich, das andere nicht.

In der Fehlerkonsole steht der Grund.

Struppi.

[Klaus]

Vielen Dank an alle die mir geholfen haben. Allerdings mach ich das jetzt doch über eine JS Funktion. Anders hab ich es nicht hin bekommen.

Klaus

[Hans Wurst]

Wie wärs mit:
<img onmouseover="this.style.border='1px solid #0000FF;'" ...>

Leider auch nicht. Wie gehabt, width ändert sich, das andere nicht.

Ich habe das an einen DIV angewandt, und es funzte, daher postete ich das hier.

[Struppi]

Wie wärs mit:
<img onmouseover="this.style.border='1px solid #0000FF;'" ...>

Leider auch nicht. Wie gehabt, width ändert sich, das andere nicht.
Ich habe das an einen DIV angewandt, und es funzte, daher postete ich das hier.

Aber nicht im Firefox, der bemänkelt zu recht den Strichpunkt

Struppi.

[Felix Riesterer]

Lieber Klaus,

<img onmouseover="this.border='2px';" ...>

ein <img>-Element ist in JavaScript ein Objekt mit vielen Eigenschaften und Methoden (Funktionen), aber "border" ist in einem solchen Image()-Objekt (man kann sowas mit var img = new Image(); erzeugen) nicht enthalten.

Ich vermute, Du hast das http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=style-Objekt vergessen, das ein Unterobjekt eines jeden HTML-Elementobjektes darstellt.

Liebe Grüße,

Felix Riesterer.

[MudGuard]

Hi,

img:hover { border:17px solid fuchsia; }

(Selector ggf. anpassen, wenn's nicht für alle Bilder gelten soll ...)

cu,
Andreas