change color of a cell using javascript

Question

I coded one java script for changing color of a cell of a gridview in asp.net.The function is given below.

        function hello() {
            var gvDrv = document.getElementById("<%= gridviewSearchResult.ClientID %>");
            for (i = 1; i < gvDrv.rows.length; i++) {

                var cell = gvDrv.rows[i].cells;
                var HTML = cell[0].innerHTML;

                if (cell[1].innerHTML == "Combivent") {
                    gvDrv.rows[i].cells[2].className = " PendingRowStyle";
                }
                else {

                }
            }
         }

If the cell content is "Combivent" , I am applying CSS class PendingRowStyle for a column.

I'm calling this function on a button's onclientclick event.

Now the issue is , its changing the color of the cell as per the condtion. But as soon as changed its retaining to old stage. Its just like blinking that color to the cell.Why that color is not persisting to that cell.What is the logic in that? How i have to handle this?

Note: I loaded the gridview in the pageload event , inside if(!ispostback).

Can any one give me a solution?

http://stackoverflow.com/questions/7819638/how-to-change-the-gridview-row-colors-in-onclick-event-in-javascript?rq=1 — Gopesh Sharma, Apr 10 '13 at 06:41
If you can, use a server side approach replacing the boundfield column with a template column + binding properties to change the style. — Fabio B., Apr 10 '13 at 08:38

score 0 · Answer 1 · edited Jul 08 '16 at 05:28

0

In page load

if(!isPostback)
{
 FillGridview()
}

and in the server side button click

protected void Button_Click(object sender, EventArgs e)
{

Page.ClientScript.RegisterStartupScript(this.GetType(), "onclick", "<script anguage=javascript>hello();</script>");   

}

edited Jul 08 '16 at 05:28

pravprab

2,301
3
26
43

answered Apr 10 '13 at 09:29

Nimmi

680
8
18

change color of a cell using javascript

1 Answers1