c# - gridview row blinking based on some conditions -

c# - gridview row blinking based on some conditions -

i have gridview in want rows blink based on conditions. have tried javascript , jquery nil worked.

javasccript example

jquery

i tried jquery in above link giving me error

0x800a1391 - javascript runtime error: '$' undefined

i want utilize coz matches current requirement. current requirement has that, rows satisfies 3 set of conditions should blink

<style type="text/css"> .bgrow { background-color: white; } .norrow { background-color: silver; } </style> <script src="~/scripts/jquery-1.8.2.js"></script> <script src="yoururl/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> function setbg(gridalarm) { var id = "#" + gridalarm; $(id).find("tr").each(function ()//error comes here while debuggigng { var css = $(this).attr("class"); if (css != null && css == "bgrow") $(this).addclass("norrow").removeclass("bgrow"); else if (css != null && css == "norrow") $(this).addclass("bgrow").removeclass("norrow"); }); settimeout("setbg('" + gridalarm + "')", 1000); //1000 equal 1 sec , phone call function every 1 second. } </script>

the gridview code in design

<asp:gridview id="gridalarm" cssclass="bgrow" emptydatatext="nodata" cellpadding="7" cellspacing="1" runat="server" datakeynames="id" autogeneratecolumns="false" showheader="true" onrowdatabound="gridalarm_rowdatabound" onpageindexchanging="gridalarm_pageindexchanging"> <columns> <asp:boundfield datafield="tagname" headertext="tagname" /> <asp:boundfield datafield="description" headertext="description" /> <asp:boundfield datafield="value" headertext="value" /> <asp:boundfield datafield="alarmstatus" headertext="alarm status"/> <asp:boundfield datafield="alarmraiseddatetime" headertext="alarm raised" /> <asp:boundfield datafield="alarmcleareddatetime" headertext="alarm cleared" /> <asp:boundfield datafield="alarmackdatetime" headertext="alarm acknowledgement" /> <asp:templatefield headertext="select"> <itemtemplate> <asp:checkbox id="chk_delete" runat="server" /> </itemtemplate> </asp:templatefield> </columns> </asp:gridview>

and below code behind

protected void gridalarm_rowdatabound(object sender, gridviewroweventargs e) { if (e.row.rowtype == datacontrolrowtype.datarow) { alarmstat = (e.row.cells[3].text); cleardate = (e.row.cells[5].text); ackdate = (e.row.cells[6].text); foreach (tablecell cell in e.row.cells) { if (alarmstat.equals(system.configuration.configurationmanager.appsettings["a_clear"].tostring())) { cell.backcolor = system.drawing.color.green; cell.forecolor = system.drawing.color.white; } else if (alarmstat.equals(system.configuration.configurationmanager.appsettings["a_raise"].tostring())) { if (!string.isnullorempty(ackdate) && (string.isnullorempty(cleardate))) { cell.backcolor = system.drawing.color.red; cell.forecolor = system.drawing.color.white; } else if (string.isnullorempty(ackdate) && (string.isnullorempty(cleardate))) { e.row.cssclass = "bgrow"; } } } } }

i had add together next in page load

clientscript.registerstartupscript(gettype(), "bg", "setbg('" + gridalarm.clientid + "')", true);

but gives error mentioned above..

as conditions required gridview rows blink can see in code should blink when status raised , ackdate , cleardate null or empty.. status,ackdate,cleardate nowadays columns in grid can see in code.

what wrong in above code? there other way can solve problem?

try using link

`<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>`

or can download latest jquery site , include in project.

c# javascript jquery asp.net gridview