首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

好久没来了 问个简单的JS有关问题- -不触碰太久了

2013-09-12 
好久没来了 问个简单的JS问题- -不触碰太久了需求.我有一个动态生存的table 需要实现点击一行变色点击第2

好久没来了 问个简单的JS问题- -不触碰太久了
需求.我有一个动态生存的table 需要实现点击一行变色  点击第2行第一行还原 第2行变色 类推。
代码实现了点击变色 但是点击之后无法还原 希望JS高手帮忙改改。
PS: 不能直接在TR中加入客户端事件 按照下面这个 改 谢谢。

function senfe(o, a, b, c)
{
    var t = document.getElementById(o)
    if (t != null)
    {
        t = t.getElementsByTagName("tr");
        for (var i = 1; i < t.length; i++)
        {
            var bool = true;
            t[i].onclick = function()
            {
                this.x = "0";
                this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
                this.color = "#ffffff";
                this.style.cursor = "hand";
            }
            t[i].onmouseover = function()
            {
                if (this.x != "1")
                    this.style.cursor = "hand";
            }
        }
    }
}

[解决办法]

var FocusTrNum = -1;



    function senfe(o, a, b, c) {
        var t = document.getElementById(o).getElementsByTagName('tr');
        if (t != null) {
            for (i = 0; i < t.length; i++) {

                var bool = true;

                t[i].onclick = function (n) {
                    return function () {
                        if (FocusTrNum != -1 && FocusTrNum != n) {
                            t[FocusTrNum].style.backgroundColor = '';
                            FocusTrNum = n;
                        }

                        this.style.backgroundColor = t[n].sectionRowIndex % 2 == 0 ? a : b;
                        this.style.color = "#fff";
                        this.style.cursor = "pointer";

                        FocusTrNum = n;
                    };
                }(i);

                t[i].onmouseover = function (n) {
                    return function () {


                        if (this.x != "1") {
                            this.style.cursor = "pointer";
                        }
                    }
                }(i)
            }
        }
    }

热点排行