// 先準備一些CSS
.mySelected { BACKGROUND: #D4D4FF }
.myHeaderSelected { BACKGROUND: #2AAAFF } 


// 設定Class
function addClass(Obj)
{
if ( hasClass(Obj) )
{
inpuObj.setAttribute('className','');
}
else
{
inpuObj.setAttribute('className','mySelected');
}
}


// 判斷是否有Class
function hasClass(Obj)
{
if ( Obj.getAttribute('className') != '' )
{
return true;
}
else
{
return false;
}
}


// 取得某Class的全部值
function getElementsByClassName(whichClass)  
{
var node = document.getElementsByTagName("body")[0];
var returnStr = "";
var re = new RegExp('\\b' + whichClass + '\\b');
var els = node.getElementsByTagName("*");
for(var i=0; i<els.length; i++)
{
// 假設els[i]的childNode[1]是存放著某個值的input標籤
if(re.test(els[i].getAttribute('className')))
returnStr += els[i].childNodes[1].value + ",";
}
return returnStr;
}


// 把所選取的TD的那一整行都變顏色
// 使用方法像是在TD上寫onclick='setColumnColor(this);'
// cellIndex只有TD有,TR沒有
function setColumnColor(Obj)
{
if ( !hasClass(Obj) )
{
Obj.setAttribute('className','myHeaderSelected');
}
else
{
Obj.setAttribute('className','');
}

var td = Obj.parentElement.parentElement.getElementsByTagName("td");

for(var i=0; i<td.length; i++)
{
if(td[i].cellIndex==Obj.cellIndex)
{
if ( !hasClass(Obj) )
{
td[i].setAttribute('className','');
}
else
{
td[i].setAttribute('className','mySelected');
}
}
}
}


// 把所選取的TD的那一整列都變顏色
// rowIndex只有TR有,TD沒有
function setRowColor(Obj)
{
if ( !hasClass(Obj) )
{
Obj.setAttribute('className','myHeaderSelected');
}
else
{
Obj.setAttribute('className','');
}

var td = Obj.parentElement.parentElement.getElementsByTagName("td");

for(var i=0; i<td.length; i++)
{
if(td[i].parentElement.rowIndex==Obj.parentElement.rowIndex)
{
if ( !hasClass(Obj) )
{
td[i].setAttribute('className','');
}
else
{
td[i].setAttribute('className','mySelected');
}
}
}
}

welkingunther 發表在 痞客邦 PIXNET 留言(0) 人氣()