Posts

Showing posts from June, 2011

How to hide generated javascript file in visual studio code

In this post I am going to show you a cool trick in visual studio code. Let's suppose you are writing typescript code in visual studio code and you want to hide generated javascript code.

Create .vscode folder in your folder and then create settings.json file and paste following code

{ "files.exclude": { "node_modules":true, "**/.git": true, "**/.DS_Store": true, "**/*.js.map": true, "**/*.js": {"when": "$(basename).ts"}     } }

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

Image
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

Image
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

Image
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

Image
<%@ 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…