My Gridview Blinks the every rows who have <=0 value
Can I blink it when i have space between two texts
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.blink
{
background-color: Red;
text-decoration: blink;
}
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border: 1px solid #ccc;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
<asp:TemplateField HeaderText="Salary" ItemStyle-Width="150">
<ItemTemplate>
<asp:TextBox ID="txtSalary" runat="server" Text='<%# Eval("Salary") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
var intervals = new Array();
$(function () {
$("[id*=GridView] [id*=txtSalary]").each(function () {
var salary = parseInt($(this).val());
intervals.push(null);
if (isNaN(salary) || salary <= 0) {
SetBlink($(this));
}
});
$("[id*=GridView] [id*=txtSalary]").bind("change", function () {
var salary = parseInt($(this).val());
if (isNaN(salary) || salary <= 0 || salary.toString() != $(this).val()) {
SetBlink($(this));
} else {
RemoveBlink($(this));
}
});
});
function SetBlink(txt) {
var tds = txt.closest("tr").find("td");
var index = txt.closest("tr")[0].rowIndex - 1;
if (intervals[index] == null) {
var interval = setInterval(function () {
if (tds.hasClass("blink")) {
tds.removeClass("blink");
} else {
tds.addClass("blink");
}
}, 500);
intervals[index] = interval;
}
}
function RemoveBlink(txt) {
var index = txt.closest("tr")[0].rowIndex - 1;
txt.closest("tr").find("td").removeClass("blink");
clearInterval(intervals[index]);
intervals[index] = null;
}
</script>
</form>
</body>
</html>
Imports System.Data
Partial Class Default3
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Me.IsPostBack Then
Dim dt As New DataTable()
dt.Columns.AddRange(New DataColumn(2) {New DataColumn("Name"), New DataColumn("Country"), New DataColumn("Salary")})
dt.Rows.Add("John Hammond", "United States", 0)
dt.Rows.Add("Mudassar Khan", "India", 12000)
dt.Rows.Add("Suzanne Mathews", "France", 10)
dt.Rows.Add("Robert Schidner", "Russia", 20)
GridView1.DataSource = dt
GridView1.DataBind()
End If
End Sub
End Class