fonksiyon sorunu

[Ömer Faruk Gül]

merhaba.

şöyle html kodum var:

<div id="videoIcon" class="icons" onMouseOver="changeIconBorder('1')" onMouseOut="changeIconBorder('0')"></div>

js kodu da şöyle:

function changeIconBorder (x) {
if(x==1)
{
this.style.border='1px solid #1F89C2';
}

if(x==0)
{
this.style.border='0px solid #1F89C2';
}
}

fakat bu kod çalışmıyor ve 'this' kodunu kullandığım için çalışmıyor neden bilmiyorum mesela direk onMouseOver içine this.style.border='1px solid #1F89C2'; yazınca çalışıyor ama fonksiyon kullanınca olmuyor yardımıc olursanız sevinirim.

[Sniper]

this ifadesi div'in içinde yazıldığında div'i temsil ettiğinden çalışır. Ama fonksiyonun içine yazdığın this ne olduğunu bilmediği için hata verir. Yani this'in bir elemanın referansı olması mecburidir.

Fonksiyonunu şöyle değiştirirsek ortada sorun kalmaz:

<div id="videoIcon" class="icons" onMouseOver="changeIconBorder(this, '1')" onMouseOut="changeIconBorder(this, '0')"></div>

function changeIconBorder (eleman, x) {
if(x==1)
{
eleman.style.border='1px solid #1F89C2';
}

if(x==0)
{
eleman.style.border='0px solid #1F89C2';
}
}