✔ onblur , onchange funktioniert im ff nicht

[holzart]

hallo,

ich brauche mal euren Rat. Ich baue mir gerade einen Onlinerechner und ich kriege es nicht hin mit onBlur. Ich möchte ein Bild auswählen und es soll dann ein Rahmen drum herum entstehen. Klappt mit onClick. Wenn ich ein anderes Element auswähle oder ausserhalb des Bildes klicke geht mit onBlur oder onChange nichts. Ich benutze den ff 4. Hier mal der Code:

<div><img id="1" src="http://www..." style="border:solid #90110A 0px" onClick="setTafel(this.id)" onChange="deleteTafel(this.id)" /></div>

<div><img id="2" src="http://www..." style="border:solid #90110A 0px" onClick="setTafel(this.id)" onBlur="deleteTafel(this.id)" /></div>

Hier die Funktionen dazu:

function setTafel(id) {
document.getElementById(""+id).style.border = "solid #90110A 3px";
}

function deleteTafel(id) {
document.getElementById(""+id).style.border = "solid #90110A 0px";
}

Grüße

 

[CPoly]

Du musst den Bildern einen tabindex geben, damit diese überhaupt den Fokus bekommen können.

<div><img id="1" tabindex="1" src="photo1.jpg" style="border:solid #90110A 0px" onfocus="setTafel.call(this)" onblur="deleteTafel.call(this)" /></div>

<div><img id="2" tabindex="2" src="photo2.jpg" style="border:solid #90110A 0px" onfocus="setTafel.call(this)" onblur="deleteTafel.call(this)" /></div>

function setTafel() {
	this.style.borderWidth = "3px";
}

function deleteTafel(id) {
	this.style.borderWidth = "0px";
}