Skip to main content

Posts

How to display progress indicator during ajax call in asp.net[Jquery]

In this post I will show you how to display progress indicator during ajax call. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Jquery_Progress.aspx.cs" Inherits="Jquery_Progress" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scriptsrc="Scripts/jquery-1.4.1.js"type="text/javascript"></script> <style type="text/css"> .loader { display: none; background-color: Red; width: 100px; } </style> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#btnLoad").click(function (e) { e.preve…

Highlighting rows/cells of a GridView on hover

In this post I will show you how to highlight grid view row on mouseover using jquery. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridviewRowColorChange.aspx.cs" Inherits="GridviewRowColorChange" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scriptsrc="Scripts/jquery-1.4.1.js"type="text/javascript"></script> <style type="text/css"> .highlight { background-color:#9999FF; } td { cursor: pointer; } </style> <script type="text/javascript"> $(document).ready(function () { $("#<%=gvProducts.ClientID %> tr").mouseover(fun…

How to select/deselect all checkbox in gridview using jquery

In this post I will show how to select/deselect checkbox present inside gridview using jquery. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridViewSelectAll.aspx.cs" Inherits="GridViewSelectAll" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scriptsrc="Scripts/jquery-1.4.1.js"type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#<%=gvProducts.ClientID%> input[id$='chkAll']:checkbox").click(function () { $("#<%=gvProducts.ClientID%> input[id*='chkSelected']:checkbox").attr('checked', $(this).is(':checked')); …

How to enlarge image on mouseover in asp.net using jquery

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Img_Enlarge.aspx.cs" Inherits="Img_Enlarge" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scripttype="text/javascript"src="Scripts/jquery-1.4.1.js"></script> <style type="text/css"> .thumbnail { height: 100px; width: 100px; position: relative; } .image { position: relative; width: 400px; height: 250px; } </style> <script language="javascript" type="text/javascript"> $(document).ready(function () { $(".thumbnail").mouseover(functio…

How to Implement jQuery UI slider with ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Slider_Demo.aspx.cs" Inherits="Slider_Demo" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><linktype="text/css"rel="Stylesheet"href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/themes/start/jquery-ui.css"/><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/jquery-ui.min.js"> </script> <title></title> <script type="text/javascript"> $(document).ready(function () { $("#slider").slider( …

How to Invoke required field validator through javascript in asp.net

In this post I will show you how to invoke required field validator through java script in asp.net. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ReqJs.aspx.cs" Inherits="ReqJs" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scripttype="text/javascript">function PerformCheck() { if (Page_ClientValidate()) { //Do some more stuff here alert("Page Is Valid"); } } </script></head><body><formid="form1"runat="server"><div> FirstName: <asp:TextBoxrunat="server"ID="txtFirstName"></asp:TextBox><asp:RequiredFieldValidatorErr…

How to display rss feed in asp.net

In this post I will show you how to display rss feed in asp.net using XmlDataSource and DataList control. Rss_cs.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RSS_CS.aspx.cs" Inherits="RSS_CS" %><!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title></head><body><formid="form1"runat="server"><div><asp:TextBoxID="txtUrl"runat="server"Width="349px"></asp:TextBox><asp:ButtonID="btnLoad"runat="server"Text="Load"OnClick="btnLoad_Click"/><br/><asp:DataListID="dlRss"runat="server"><ItemTemplate><%#XPath("title") %><br/><i><%#XPa…