Sir there is any way to put blink condition on some perticular columns namecountry1country3 only and blink these perticular columns of those rowsplease help me if it is possiblelthtml xmlns34httpwwww3org1999xhtml34gtlthead id34Head134 runat34server34gt lttitlegtlttitlegt ltstyle type34textcss34gt blink background Red webkittransition backgroundColor 005s easeinout mstra

blink the gridview perticular coulumns of perticular rows which have space in between two words using Jquery in ASP.Net

ROHIT

SOLVED CLOSED ACTIVE ANSWERED
User: ROHIT
Posted: on Jun 09, 2016 07:26 AM
Forum: Data Controls
Answer: 1
Views: 4191

Sir there is any way to put blink condition on some perticular columns name,country1,country3 only and blink these perticular columns of those rows.please help me if it is possible.

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        .blink
        {
            background: Red;
            -webkit-transition: backgroundColor 0.05s ease-in-out;
            -ms-transition: backgroundColor 0.05s ease-in-out;
            transition: backgroundColor 0.05s ease-in-out;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
<div>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[id*=gvData] tr:not(:has(th)) td').each(function () {
                $('[id*=gvData] tr:not(:has(th))').removeClass('blink');
                var data = $(this).text().trim();
                if (data.indexOf(' ') != -1) {
                    var row = $(this).closest('tr');
                    var backgroundInterval = setInterval(function () {
                        $(row).toggleClass("blink");
                    }, 500)
                }
            });
        });
    </script>
    <asp:GridView ID="gvData" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:BoundField HeaderText="Id" DataField="Id" />
            <asp:BoundField HeaderText="Name" DataField="Name" />
            <asp:BoundField HeaderText="Country" DataField="Country1" />
            <asp:BoundField HeaderText="Country" DataField="Country2" />
            <asp:BoundField HeaderText="Country" DataField="Country3" />
        </Columns>
    </asp:GridView>
</div>

    </form>
</body>
</html>

   Private Sub FillDATA()
        Dim constr As String = ConfigurationManager.ConnectionStrings("connTemplateTest").ConnectionString
        Using con As New SqlConnection(constr)
            Using cmd As New SqlCommand()
                cmd.CommandText = "SELECT Id,Name,Country FROM TESTROW_BLINK"
                cmd.Connection = con
                con.Open()
                gvData.DataSource = cmd.ExecuteReader()
                gvData.DataBind()
                con.Close()
            End Using
        End Using
    End Sub

Shashika...

0 6

Reply
ANSWER
User: Shashikant
Replied: on Jun 09, 2016 09:37 AM
Report

Hi,

Please refer below code.

HTML

<div>
    <style type="text/css">
        .blink
        {
            background: yellow;
            -webkit-transition: backgroundColor 0.05s ease-in-out;
            -ms-transition: backgroundColor 0.05s ease-in-out;
            transition: backgroundColor 0.05s ease-in-out;
        }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[id*=gvData] tr:not(:has(th)) td').each(function () {
                $('[id*=gvData] tr:not(:has(th))').removeClass('blink');
                var data = $(this).text().trim();
                if (data.indexOf(' ') != -1) {
                    var td = $(this);
                    var backgroundInterval = setInterval(function () {
                        $(td).toggleClass("blink");
                    }, 500)
                }
            });
        });
    </script>
    <asp:GridView ID="gvData" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:BoundField HeaderText="Id" DataField="Id" />
            <asp:BoundField HeaderText="Name" DataField="Name" />
            <asp:BoundField HeaderText="Country" DataField="Country" />
        </Columns>
    </asp:GridView>
</div>

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id"), new DataColumn("Name"), new DataColumn("Country") });
        dt.Rows.Add(1, "JohnHammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "SuzanneMathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        gvData.DataSource = dt;
        gvData.DataBind();
    }
}

Screenshot

blink the gridview perticular coulumns of perticular rows which have space in between two words using Jquery in ASP.Net

Company

Explore

Follow us

Contact Us