tr 색상변경

예전 글 옮깁니다.

소스 : 특정 td 클릭시 해당 tr 의 색상을 변경

( tbody 를 이용하면 여러 tr 의 색상도 쉽게 변경 가능하다. )

처음엔 예전에 했던대로 다 루프를 돌렸으나... ( => 주석처리로 되어있음 )

사실 일반 화면의 경우 한페이지에 몇로우 안되니 신경안써도 되나...  

지금 적용화면은 페이징화면이 아니라 (그리 많은 로우수가 예상되진 않으나... ) 뭔가 꺼림직한 맘이 자꾸 들어 다른방식으로 변경함.

쓸만하네^^

얼른 복수건 동시 저장처리를 해치워야 하는데 훔... 계속 달리~

 

var obj_before_colored = null;

function Menu_Click( obj, menuNo )
{
    try
    {
        obj_before_colored.style.backgroundColor = "#FFFFFF";
    }
    catch(e)
    {
    }
    obj.parentElement.style.backgroundColor = "#FFFF99";
    obj_before_colored = obj.parentElement;
   
    /*
    var rows = obj.parentElement.parentElement.rows;
    for(i = 0; i < rows.length; i++)
    {
        if( rows[i] == obj.parentElement )
        {
            //rows[i].style.backgroundColor = "#FFFF99";
        }
        else
        {
            rows[i].style.backgroundColor = "#FFFFFF";
        }
    }
    */
   
    //alert(menuNo);
   
    parent.ifrGo_1();
}

 

    <c:forEach items="${menuConttMenuList}" var="menuConttMenu" varStatus="status">

    <tbody name=tb_menu>
      <tr name="tr_menu" bgcolor=#FFFFFF>
        <td >
            <input type="checkbox" name="chk_menu" onClick="javascript:Chk_Click(this, hid_chk_menu[${status.count-1}]);" style="cursor:hand;">
            <input type="text" name="hid_chk_menu" value=0 style="width:15">
        </td>
        <td align=center >
            ${menuConttMenu.menuNo}
        </td>
        <td name="td_menu" align=left onClick="javascript:Menu_Click(this,'${menuConttMenu.sysC}',${menuConttMenu.menuNo});" style="cursor:hand;">
            ${menuConttMenu.menuNm}
            <input type="text" style="width:40" name="menu.sysC" value=${menuConttMenu.sysC} />
            <input type="text" style="width:25" name="menu.menuNo" value=${menuConttMenu.menuNo} />
        </td>
    </tr>

    </tbody>
    </c:forEach>