tablo sütun satır çakışması

[oCRaCy]

Selam,

Bir tablom var bu tablomun hem satırında hem de sutununda javascript fonksiyonu çalıştırmam gerekiyor, ama sutundaki fonksiyon çalıştıkdan sonra, satırdaki fonksiyon, fonksiyon çalışan sutunda çalışmıyo..

Örnek

function arkaplan***(x) { x.backgroundColor="#xx" }
<table>
<tr onmouseover=arkaplandegis(this.style) onmouseout=arkaplanduzelt(this.style)>
<td>1</td>
<td>2</td>
<td onmouseover=arkaplandegis2(this.style) onmouseout=arkaplanduzelt2(this.style)>3</td>
</tr>
</table>

Mouse önce 1 veya 2 nin üzerine gelince tüm satırın rengi değişiyor burası tamam.. ama mouse 3 ün üzerine geldikten sonra tekrar 1 veya 2 nin üzerine gelince 3'e etki etmiyor..

Bu olayı nasıl düzeltebilirim?

Canlı örnek: www.ocracy.net/iddaa/js.htm

[perlci]

id=isim koyarsan sorun kalmaz.

<table>
<tr onmouseover=arkaplandegis(this.style) onmouseout=arkaplanduzelt(this.style)>
<td id=a>1</td>
<td id=b>2</td>
<td id=c onmouseover=arkaplandegis2(this.style) onmouseout=arkaplanduzelt2(this.style)>3</td>
</tr>
</table>

[perlci]

<script type="text/javascript">
<!--
function arkaplandegis(x) { x.backgroundColor="#ff00ff" }
function arkaplanduzelt(x) { x.backgroundColor="#00ffff" }
function arkaplandegis2(x) { x.backgroundColor="#ffff00" }
function arkaplanduzelt2(x) { x.backgroundColor="#0000ff" }
// -->
</script>

<table>
<tr onmouseover=arkaplandegis(this.style) onmouseout=arkaplanduzelt(this.style)>
<td id=a height="68" width="102">1</td>
<td id=b height="68" width="102">2</td>
<td id=c height="68" width="102" onmouseover=arkaplandegis2(this.style) onmouseout=arkaplanduzelt2(this.style)>3</td>
</tr>
</table>

[oCRaCy]

Her td tagına aynı ve farklı idler vermeyi denedim, fakat sorun yine devam ediyor.
www.ocracy.net/iddaa/js2.htm

Sizin verdiğiniz örneği direk çalıştırdım, sanırım aynı sorun sizinkinde de var.
www.ocracy.net/iddaa/perlci.html

[perlci]

<tr>
</tr>
arasında değişiklik yaptığın için olmuyor. Yoksa aynı fonksiyonları <td> için uygularsan sorun olmaz.

Kapsama alanı yani. Ama ben senin yerinde olsan css ile daha bait bir yoldan çözmeye çalışırım.

[oCRaCy]

Css ile nasıl bir çözüm bulunabilir, bir örnek verebilirmisiniz? ( Aklıma herhangi bir çözüm gelmedi de )

[perlci]

<style type="text/css">

th {
h: expression(onmouseover = new Function("this.style.backgroundColor = '#00f';this.style.color = '#fff';"),
onmouseout = new Function("this.style.backgroundColor = '';this.style.color = '';"));
}
th:hover {
background-color: #00f;
color: #fff;
}
td:hover {
background-color: #ff0;
color: #000;
}
tr {
border: 2px inset #666;
width: 2em;
background-color: #666;
color: #fff;
text-align: center;
h: expression(onmouseover = new Function("this.style.backgroundColor = '#ff0';this.style.color = '#000';"),
onmouseout = new Function("this.style.backgroundColor = '#666';this.style.color = '#fff';"));
}
</style>


<table class="sample" cellspacing="0" cellpadding="2" summary="A mock 3 column by 4 Satır table">
<caption>örnek tablo</caption>
<tr><th></th><th>Örnek 1</th><th>Örnek 2</th><th>Örnek 3</th></tr>
<tr><th>Satır 1</th><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><th>Satır 2</th><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><th>Satır 3</th><td>3.1</td><td>3.2</td><td>3.3</td></tr>
<tr><th>Satır 4</th><td>4.1</td><td>4.2</td><td>4.3</td></tr>
</table>

[oCRaCy]

Teşekkür ediyorum perlci bu şekilde yapınca halloldu, saol.

[myavuzselim]

    function lineout (x,y)
    {
        //x.backgroundColor=y
        x.backgroundColor = null;
    }

bu sekidle firefox'da calisiyor

[oCRaCy]

myavuzselim, mesajından alıntı:

    function lineout (x,y)
    {
        //x.backgroundColor=y
        x.backgroundColor = null;
    }

bu sekidle firefox'da calisiyor

Boş değer vermek hiç aklıma gelmemişti saol myavuzselim

    function lineout (x,y)
	{
		//x.backgroundColor=y
		x.backgroundColor = '';
	}

bu şekilde yapıncada IE'de de çalışıyor..

www.ocracy.net/iddaa/jsson.htm