Category - JQuery
19 Aug 2009
42 Comments   86107 Views
Here Mudassar Ahmed Khan has explained how to build a Gmail style file uploader using JQuery and Uploadify plugin for JQuery in ASP.Net
27 Aug 2009
30 Comments   61249 Views
Here Mudassar Ahmed Khan has explained how to check User Name availability in SQL Server 2005 database using JQuery in ASP.Net
15 Jan 2010
12 Comments   77802 Views
Here Mudassar Ahmed Khan has explained how to call server side methods or functions using jQuery without postback in ASP.Net
01 Feb 2010
41 Comments   87295 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Ajax Auto complete Plugin in ASP.Net with an example source code
17 Feb 2010
4 Comments   21019 Views
Here Mudassar Ahmed Khan has explained how to configure jQuery Auto complete Plugin to display images in the AutoComplete List in ASP.Net
07 Mar 2010
17 Comments   83599 Views
Here Mudassar Ahmed Khan has explained how to build your own AJAX Cascading DropDownlist using jquery in ASP.Net
05 Apr 2010
21 Comments   151976 Views
Here Mudassar Ahmed Khan has explained how to Add Edit Update Records in GridView Control using AJAX Control Toolkit Modal Popup Extender in ASP.Net
11 May 2010
44 Comments   104917 Views
Here Mudassar Ahmed Khan has explained how to build a Gmail style file uploader using JQuery and Uploadify plugin for JQuery in ASP.Net
29 Dec 2010
1 Comments   22701 Views
Here Mudassar Ahmed Khan has explained how to dynamically adjust the width of the ASP.Net DropDownList (HTML SELECT) based on the text length of the largest item or option using jQuery
14 Jan 2011
1 Comments   16658 Views
Here Mudassar Ahmed Khan has explained how to build your own simple Hover Menu using jQuery in ASP.Net
15 Jan 2011
11 Comments   31108 Views
Here Mudassar Ahmed Khan has explained how to implement the DateTimePicker in ASP.Net GridView using jQuery DateTimePicker Plugin
16 Jan 2011
0 Comments   53741 Views
Here Mudassar Ahmed Khan has explained how to implement DateTimePicker plugin in ASP.Net using jQuery Plugin
21 Feb 2011
87 Comments   64847 Views
Here Mudassar Ahmed Khan has explained how to make use of the Scrollable Grid jQuery Plugin to freeze ASP.Net GridView headers and also make the Grid scrollable.
08 Mar 2011
1 Comments   15408 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Plugin to validate file extensions and types in AJAX Control Toolkit AsyncFileUpload control
21 May 2011
8 Comments   12415 Views
Here Mudassar Ahmed Khan has explained how to use the jQuery ImageAutocomplete Plugin in ASP.Net
05 Jul 2011
6 Comments   42732 Views
Here Mudassar Ahmed Khan has explained how to make AJAX call to asp.net server side web service's webmethod using jQuery
08 Jul 2011
3 Comments   47057 Views
Here Mudassar Ahmed Khan has explained how to implement File size limit validation before upload using jQuery uploadify plugin
08 Aug 2011
4 Comments   78754 Views
Here Mudassar Ahmed Khan has explained how to implement jQuery Autocomplete using ASP.Net Web Services.
08 Aug 2011
10 Comments   31455 Views
Here Mudassar Ahmed Khan has explained how explained how to implement key value pair using jQuery i.e. one can send the text part and along with the ID of the record.
17 Aug 2011
10 Comments   57806 Views
Here Mudassar Ahmed Khan has explained how to modify the ASP.Net WCF (Windows Communication Foundation) service to make it accept AJAX JSON calls and to make AJAX JSON calls to ASP.Net WCF Service using JavaScript and jQuery
28 Oct 2011
15 Comments   97624 Views
Here Mudassar Ahmed Khan has explained how to send and receive custom JavaScript JSON objects to Web Service Methods using jQuery AJAX in ASP.Net
28 Oct 2011
2 Comments   36770 Views
Here Mudassar Ahmed Khan has explained how to use the jQuery DatePicker plugin with ASP.Net TextBox control and also how to fetch its date value server side on postback.
29 Oct 2011
1 Comments   23548 Views
Here Mudassar Ahmed Khan has explained how to apply the jQuery UI DatePicker plugin to textboxes in ASP.Net GridView Control.
20 Dec 2011
6 Comments   75308 Views
Here Mudassar Ahmed Khan has explained how to populate dataset or datatable from database and bind it to ASP.Net GridView using jQuery AJAX and Webmethods.
28 Dec 2011
9 Comments   41970 Views
Here Mudassar Ahmed Khan has explained how to calculate per row total for each item depending on quanitity and the final grand total in the footer of ASP.Net GridView using jQuery
31 Jan 2012
3 Comments   71292 Views
Here Mudassar Ahmed Khan has explained how to dynamically load ASP.Net UserControl using jQuery AJAX and Web Service WebMethods. He has also explained how we can set values of Controls and Properties of the UserControl before loading it.
08 Feb 2012
1 Comments   21993 Views
Here Mudassar Ahmed Khan has explained how to debug and put breakpoints JavaScript and jQuery scripts code in Internet Explorer (IE) browser using Visual Studio debugger .
29 Mar 2012
4 Comments   30533 Views
Here Mudassar Ahmed Khan has released and explained a new version of Scrollable GridView jQuery Plugin which is compatible with ASP.Net AJAX UpdatePanel Partial Postbacks.
17 Jun 2012
2 Comments   74942 Views
In general the ASP.Net Button stops doing postback when placed inside jQuery Modal dialog popup. Hence here Mudassar Ahmed Khan has explained how we can make the ASP.Net Button do postback in jQuery Modal dialog popup.
17 Jun 2012
3 Comments   55459 Views
Here Mudassar Ahmed Khan has explained how to display the ASP.Net ValidationSummary control inside jQuery Modal Dialog popup box without adding any client click event and for multiple buttons by overriding the ASP.Net WebForm_OnSubmit method.
07 Jul 2012
0 Comments   45452 Views
Here Mudassar Ahmed Khan has explained how to Populate ASP.Net DataList client side by fetching DataSet or DataTable from server as XML using jQuery AJAX. He has also taken into account the RepeatColumns property of the ASP.Net DataList control so that the DataList looks same a sit is bound from server side.
07 Jul 2012
8 Comments   50078 Views
Here Mudassar Ahmed Khan has explained how to Populate ASP.Net GridView client side by fetching DataSet or DataTable from server as XML using jQuery AJAX and WebMethod
21 Jul 2012
4 Comments   35109 Views
Here Mudassar Ahmed Khan has explained how we can display the validation failed error messages of ASP.Net Validator controls like RequiredFieldValidator, RegularExpressionValidator, CompareValidator, RangeValidator and CustomValidator inside the ASP.Net TextBox control using jQuery.
04 Aug 2012
8 Comments   31500 Views
Here Mudassar Ahmed Khan has explained how we can display Watermark Text in ASP.Net TextBox, Password and Multiline TextArea using jQuery WaterMark plugin and JavaScript.
06 Aug 2012
5 Comments   32794 Views
Here Mudassar Ahmed Khan has explained how we can implement Character Count and Maximum Character Length (MaxLength) Validation for ASP.Net MultiLine TextBox (TextArea) using jQuery Maxlength plugin
06 Aug 2012
0 Comments   8017 Views
Here Mudassar Ahmed Khan has explained the solution for the issue that ASP.Net AJAX WaterMarkExtender control does not work for TextBox when its TextMode is Password.
To solve this problem we need to use jQuery WaterMark plugin which works for ASP.Net TextBox Normal, Password and Multiline (TextArea) TextMode.
10 Aug 2012
4 Comments   14857 Views
Here Mudasar Ahmed Khan has explained with an example how to change font size or reduce size of jQuery UI DatePicker Plugin easily using CSS. With the increase and decrease of font size the size of the jQuery datepicker also changes.
11 Aug 2012
0 Comments   65974 Views
Here Mudassar Mudassar Ahmed Khan has explaind how to validate email address format client side in jQuery using Regular Expressions. This script can be used in ASP.Net,PHP and also in simple HTML page.
12 Aug 2012
34 Comments   104280 Views
Here Mudassar Ahmed Khan has explained how to fetch database records dynamically on browser page scroll down using jQuery AJAX and ASP.Net.
31 Aug 2012
9 Comments   47412 Views
Here Mudassar Ahmed Khan has explained how to do paging in ASP.Net GridView ie. Implement Pagination Client Side using jQuery AJAX and Web Method
05 Sep 2012
5 Comments   34828 Views
Here Mudassar Ahmed Khan has explained how to calculate per row running for each item depending on quanitity and the final grand total in the footer of ASP.Net GridView using jQuery at runtime
05 Sep 2012
5 Comments   44195 Views
Here Mudassar Ahmed Khan has explained how to display water mark text for ASP.Net Password TextBox using jQuery.
We have ASP.Net AJAX Watermark Extender control but it does not work for TextBox with TextMode Password.
15 Sep 2012
3 Comments   32653 Views
In the forums (www.aspforums.net), I am continuously getting questions

1. How to attach multiple files in email in asp.net
2. How to send email with multiple attachments in asp.net
3. How to add and remove attachments using AJAX as done in GMAIL

Hence I decided to write an article where user can attach multiple files using AJAX and progressbar like GMAIL. User will also have option to remove the attached files using jQuery AJAX.
16 Sep 2012
1 Comments   25153 Views
In the forums (www.aspforums.net), I am continuously getting questions

1. How to attach multiple files in email in asp.net
2. How to send email with multiple attachments in asp.net
3. How to add and remove attachments using AJAX as done in GMAIL

Hence I decided to write an article where user can attach multiple files using AJAX and progressbar like GMAIL. User will also have option to remove the attached files using jQuery AJAX.
19 Sep 2012
14 Comments   25497 Views
Here Mudassar Ahmed Khan has explained how to import FaceBook Photo Albums and their pictures or images in ASP.Net using FaceBook Graph API and Free ASPSnippets FaceBook API.

The fetched images will be displayed as Image Gallery using ASP.Net DataList control.

On each image click a larger image will be displayed as Modal Popup with LightBox effect using jQuery.
21 Sep 2012
18 Comments   77704 Views
Here Mudassar Ahmed Khan has explained how to build an application with Nested GridViews i.e. Child GridView inside Parent GridView.

He has also provided Expand Collapse feature for the inner GridView i.e. when plus icon is clicked the child GridView is shown and when minus sign is clicked it is hidden using jQuery.
22 Sep 2012
16 Comments   63298 Views
Here Mudassar Ahmed Khan has explained with an example - Nested GridViews in ASP.Net using C# and VB.Net.
23 Sep 2012
38 Comments   293421 Views
Here Mudassar Ahmed Khan has explained with an example how do insert, update, edit and delete with confirmation and using ASP.Net AJAX features along with JQuery to ASP.Net GridView control
23 Sep 2012
3 Comments   20918 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, GridView inside GridView i.e. Nested GridViews in ASP.Net using C# and VB.Net.
Child GridView can be hidden and shown using Plus Minus icons using jQuery.
02 Oct 2012
0 Comments   13494 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Drag and Drop Rows from Source GridView to Destination GridView in ASP.Net using jQuery UI Sortable plugin.
22 Oct 2012
0 Comments   29170 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, Limit number of characters in an ASP.Net Multiline TextBox using jQuery Maxlength plugin
29 Oct 2012
1 Comments   22314 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, JQuery Scrollable GridView with Fixed Header in ASP.Net using Mudassar Khan's jQuery Plugin.
This plugin is also compatible with UpdatePanel
30 Oct 2012
20 Comments   195547 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to make AJAX call to asp.net server side Page method (web method) using jQuery.
06 Dec 2012
7 Comments   40823 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code how to populate jQuery UI AutoComplete TextBox with Database in ASP.Net using C# and VB.Net and Generic Handler.
15 Dec 2012
0 Comments   43529 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Upload, add and Display Image dynamically in TinyMCE Editor TextBox using jQuery Uploadify Plugin AJAX and Progress Bar without refreshing the Page in ASP.Net.
04 Jan 2013
5 Comments   83290 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to populate jQuery AutoComplete TextBox with data from database using Web Services in ASP.Net.
05 Jan 2013
4 Comments   88144 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code,
how to implement jQuery UI DatePicker Calendar with ASP.Net TextBox.
05 Jan 2013
9 Comments   104427 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code how to implement DateTimePicker Control for ASP.Net TextBox using jQuery.
13 Jan 2013
1 Comments   12214 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code - How to implement Nested GridViews in ASP.Net 3.5 and ASP.Net 4.0 using C# and VB.Net.
29 Jan 2013
6 Comments   40119 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to use ASP.Net AJAX Control Toolkit ModalPopupExtender Control to add, edit, insert and update rows in ASP.Net GridView
10 Feb 2013
4 Comments   38425 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to load data in ASP.Net GridView on scroll using jQuery AJAX in C# and VB.Net.
18 Feb 2013
6 Comments   26387 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to load GridView on scroll in ASP.Net using jQuery AJAX with C# and VB.Net.
28 Feb 2013
0 Comments   8931 Views
Here Mudassar Ahmed Khan has explained how we can implement Character Count and Maximum Character Length (MaxLength) and also display remaining characters in TextArea in real time using jQuery Maxlength plugin
28 Feb 2013
1 Comments   17305 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement Next Previous buttons for Tab Navigation thus allowing us to switch to next Tab programmatically on button click.
15 Mar 2013
4 Comments   37488 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Drag and Drop Rows from Source GridView to Destination GridView in ASP.Net using jQuery UI Sortable plugin.
04 Apr 2013
0 Comments   26012 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement jQuery Carousel Image Gallery in ASP.Net using Repeater control and the jQuery jCarousel plugin.
In this article a dummy datatable has been used but it can also be easily populated from database.
08 Apr 2013
9 Comments   116571 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to show simple modal popup window using jQuery UI Dialog plugin on click of ASP.Net Button.
08 Apr 2013
5 Comments   57032 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to open jQuery Modal Popup Window on Button Click in ASP.Net.
08 Apr 2013
3 Comments   39036 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display jQuery UI Modal Dialog Popup Window when Page Loads.
09 Apr 2013
11 Comments   63336 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to open jQuery UI Dialog Modal Popup Window from server and display message from code behind in ASP.Net using C# and VB.Net
16 Apr 2013
6 Comments   80591 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Bind data to GridView with jQuery or JSON in ASP.Net using C# and VB.Net and also implement client side Paging using jQuery AJAX
18 Apr 2013
1 Comments   15564 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to populate or bind jQuery Accordion control from SQL Server Database table in ASP.Net with the help of ASP.Net Repeater Control using C# and VB.Net
22 Apr 2013
10 Comments   42951 Views
Here Mudassar Ahmed Khan has provided solution with an example and attached sample code for a much known problem these days i.e. jQuery Plugins not working after UpdatePanel’s Asynchronous request or Partial PostBack is completed.
23 Apr 2013
6 Comments   44104 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to maintain or retain the selected tab of jQuery UI Tabs plugin across postbacks in ASP.Net Website by making use of Hidden Field to store the Tab Index.
02 May 2013
0 Comments   37693 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement Nested GridViews i.e. Child GridView inside Parent GridView with Collapsible feature i.e. Expand and Collapse through Button along with paging in the Child or Nested GridView.
25 May 2013
1 Comments   10294 Views
JQuery   CSS
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display semi-transparent text over image on hover or in other words on mouse over by reducing the opacity using CSS and jQuery.
30 May 2013
0 Comments   20653 Views
JQuery   CSS
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display semi-transparent text over image on hover or in other words on mouse over by reducing the opacity using CSS and jQuery.
06 Jun 2013
1 Comments   6885 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change GridView Row Background Color using JavaScript when Row or its Cell is clicked in ASP.Net
09 Jun 2013
3 Comments   14073 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change GridView Row Background Color using JavaScript when Row or its Cell is clicked in ASP.Net
16 Jun 2013
1 Comments   24592 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to use ASP.Net AJAX Control Toolkit ModalPopupExtender Control in ASP.Net GridView control
16 Jun 2013
0 Comments   8956 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code,
how to edit GridView Row using ASP.Net AJAX Control Toolkit Modal Popup Extender in ASP.Net
20 Jun 2013
0 Comments   5703 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change or Highlight GridView Row Background Color on MouseOver ( Hover ) using jQuery and JavaScript in ASP.Net.
21 Jun 2013
6 Comments   32581 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, explain how to implement check uncheck all or select unselect all functionality for CheckBox in GridView ItemTemplate and HeaderTemplate using jQuery and JavaScript.
26 Jun 2013
0 Comments   27970 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change or highlight GridView Row Background Color on MouseOver ( Hover ) using jQuery in ASP.Net.
This is done by attaching jQuery Mouseover event handler to GridView Row Cells, thus when a Mouse is hovered over GridView Row or Cell its background color is changed thus making it look highlighted.
27 Jun 2013
0 Comments   4274 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to highlight GridView Row when clicked.
Here using jQuery and JavaScript, a client side click event handler is attached to the GridView Row and when the row is clicked its background color is changed so that it looks highlighted.
30 Jun 2013
0 Comments   12065 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to highlight ASP.Net GridView Row Color on Mouseover using jQuery in ASP.Net.
In order to implement GridView Row highlighting or change, jQuery Hover event handler is used, so that when mouse is moved over GridView Row its background color is changed so that the GridView Row looks highlighted and when mouse is moved out its color is changed back to normal like other GridView Rows.
11 Jul 2013
6 Comments   52890 Views
Here Mudassar Ahmed Khan has explained, how to check and uncheck all (select unselect or deselect all) child node CheckBox or CheckBoxes of ASP.Net TreeView control using JavaScript and jQuery.

The idea is to attach the Client Side JavaScript click event handler using jQuery to all CheckBoxes inside the TreeView control and then when some CheckBox is clicked then based on whether it is Child or Parent CheckBox appropriate action is taken.

The script provided in this article works in dual way i.e. it Checks unchecks child CheckBoxes when parent CheckBox is checked or unchecked. While when all the child CheckBoxes are checked then the Parent CheckBox is checked and when even one Child CheckBox is unchecked the Parent CheckBox is unchecked.
11 Jul 2013
2 Comments   6071 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to correctly highlight GridView Rows on Mouseover in ASP.Net using Client side JavaScript and jQuery functions
25 Jul 2013
1 Comments   6796 Views
Here Mudassar Ahmed Khan has explained, how to bind XML data to GridView with jQuery and JSON in ASP.Net using C# and VB.Net
25 Jul 2013
2 Comments   17154 Views
Here Mudassar Ahmed Khan has explained, how to configure jQuery Autocomplete TextBox with ASP.Net Web Services to allow user select multiple word (multi word) from the Autocomplete List.
29 Jul 2013
0 Comments   23193 Views
Here Mudassar Ahmed Khan has explained, how to restrict or prevent user to enter only numbers i.e. numeric value or digits in TextBox using jQuery.

He has also disabled the input via Dropping and Pasting so that user cannot directly drop or paste non numeric content in textbox.
31 Jul 2013
0 Comments   14306 Views
Here Mudassar Ahmed Khan has explained, how to user is allowed to enter only numbers i.e. numeric values or digits in TextBox using jQuery.

He has also disabled the input via Dropping and Pasting so that user is not allowed directly drop or paste non numeric value in textbox.
31 Jul 2013
2 Comments   85341 Views
Here Mudassar Ahmed Khan has explained, how to perform Numeric validation in TextBox using jQuery in such a way that the TextBox will accept only numbers i.e. numeric values or digits in TextBox.

He has also disabled the input via Dropping and Pasting so that user is not allowed directly drop or paste content in textbox and only way to input values is by typing through Keyboard.
17 Aug 2013
2 Comments   28734 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery Accordion plugin in ASP.Net.

This article explains how we can populate jQuery Accordion plugin from database with the help of Repeater control.
17 Aug 2013
0 Comments   25247 Views
Here Mudassar Ahmed Khan has explained and provided a jQuery code snippet to disable or prevent CUT, COPY, PASTE and DROP options.

The script stops user from performing CUT, COPY, PASTE and DROP operations in HTML TextBox, HTML TextArea, ASP.Net TextBox and ASP.Net Multiline TextBox.
21 Aug 2013
1 Comments   31354 Views
Here Mudassar Ahmed Khan has explained, how to change TextBox Background color on Focus CSS and without any JavaScript or jQuery i.e. Highlight TextBox on focus using CSS and without any JavaScript or jQuery and set it back to default on blur
22 Aug 2013
11 Comments   89706 Views
Here Mudassar Ahmed Khan has explained, the 4 ways to send (pass) values (data) from one page to another using jQuery.

The four ways to send (pass) values (data) from one page to another using jQuery are QueryString Parameters, Cookies, Popup Window and Form Post.
03 Sep 2013
1 Comments   30449 Views
Here Mudassar Ahmed Khan has explained, how to move items from one ListBox to another ListBox in ASP.Net using jQuery.

This article also covers, how to fetch the items moved from the Left ListBox to the Right ListBox or vice versa on server side on Button click and preserve the items in the ListBoxes during PostBack.
08 Sep 2013
11 Comments   68630 Views
Here Mudassar Ahmed Khan has explained how to perform form validation using jQuery Validation Plugin.

The various form fields like TextBox, DropDownList, etc. and the type of validations involved would be Required, Email, Password confirmation, Minimum and Maximum Length, Telephone number, Mobile Cell number, Date Format such as dd/MM/yyyy dates.
14 Sep 2013
2 Comments   28962 Views
Here Mudassar Ahmed Khan has explained how to check uncheck all (select unselect all) CheckBoxes in ASP.Net CheckBoxList control using jQuery.
The check uncheck all functionality will be done using an additional CheckBox that will act as Check All CheckBox for the ASP.Net CheckBoxList control.
16 Sep 2013
0 Comments   15678 Views
Here Mudassar Ahmed Khan has provided an informative tip for jQuery developers i.e. how to clear jQuery Autocomplete TextBox after item is selected from jQuery Autocomplete Items.
19 Sep 2013
0 Comments   15547 Views
Here Mudassar Ahmed Khan has explained how to display loading animated GIF Image (loading progress indicator icon) inside the jQuery Autocomplete TextBox when search is processed by jQuery Autocomplete plugin.

This article also explains how to hide or remove the loading animated GIF Image (loading progress indicator icon) once the search is completed.
22 Sep 2013
0 Comments   69381 Views
Here Mudassar Ahmed Khan has explained how to display no results found message (no match found message) when no matching records are found by jQuery Autocomplete plugin.
26 Sep 2013
0 Comments   33632 Views
Here Mudassar Ahmed Khan has explained how to display GridView Row Details by displaying ToolTip on GridView Row when mouse is moved over GridView Cell using jQuery SimpleTip ToolTip Plugin in ASP.Net.
26 Sep 2013
2 Comments   43784 Views
Here Mudassar Ahmed Khan has provided a tutorial with example that explains how to validate ASP.Net form using jQuery Validation Engine Plugin.
14 Oct 2013
4 Comments   32727 Views
Here Mudassar Ahmed Khan has addressed the problem faced when using TinyMCE Rich TextBox Editor inside ASP.Net UpdatePanel.

There are two problems faced, first is that the TinyMCE Rich TextBox Editor disappears after Partial PostBack inside UpdatePanel and second is that the value entered in the TinyMCE Rich TextBox Editor is lost after Partial PostBack in UpdatePanel.
16 Oct 2013
8 Comments   69238 Views
Here Mudassar Ahmed Khan has explained how to upload files with progress bar in ASP.Net using jQuery Uploadify plugin.
23 Oct 2013
0 Comments   59340 Views
Here Mudassar Ahmed Khan has explained how to enable disable ASP.Net Validator (Client Side Validation) such has RequiredField validator, RegularExpression validator, Custom validator, etc. using JavaScript or jQuery.

In order to enable or disable ASP.Net Validator (Client Side Validation), we need to make use of the inbuilt ValidatorEnable ASP.Net client side JavaScript function.
07 Nov 2013
4 Comments   36889 Views
Here Mudassar Ahmed Khan has explained how to save Form data asynchronously (without PostBack) to database using jQuery AJAX and Page Methods (WebMethod on Page) in ASP.Net.

For this article I will make use of an ASP.Net WebMethod and the data from the form fields i.e. TextBox, DropDownList, etc. will be inserted into database table.
15 Nov 2013
3 Comments   46173 Views
Here Mudassar Ahmed Khan has explained how to insert or update data asynchronously (without PostBack) to database using jQuery AJAX and Page Methods (WebMethod on Page) in ASP.Net.
19 Nov 2013
2 Comments   89155 Views
Here Mudassar Ahmed Khan has explained, how to get (retrieve) data from database and display it on page using jQuery AJAX Web Method in ASP.Net using C# and VB.Net
19 Nov 2013
3 Comments   16046 Views
Here Mudassar Ahmed Khan has explained how to validate ASP.Net RadioButtonList using jQuery in ASP.Net.

jQuery ValidationEngine plugin is used to perform validation of ASP.Net RadioButtonList.
22 Nov 2013
0 Comments   17772 Views
Here Mudassar Ahmed Khan has explained, explain how to validate ASP.Net CheckBoxList using jQuery in ASP.Net.

jQuery ValidationEngine plugin is used to perform validation of ASP.Net CheckBoxList. Validations such at least one (minimum one) checkbox must be checked, at least two (minimum two) checkbox must be checked, etc.
23 Nov 2013
15 Comments   108485 Views
Here Mudassar Ahmed Khan has explained how to make a call to ASP.Net WebMethod using jQuery AJAX.
02 Dec 2013
6 Comments   32553 Views
Here Mudassar Ahmed Khan has explained, how to perform AJAX CRUD operations (Create, Read, Update and Delete) using GridView control in ASP.Net.
06 Dec 2013
2 Comments   28989 Views
Here Mudassar Ahmed Khan has explained how to implement Infinite Scroll or Endless Scroll technique in ASP.Net where database records are fetched dynamically on browser page scroll down using jQuery AJAX.
06 Dec 2013
4 Comments   18058 Views
Here Mudassar Ahmed Khan has explained how to implement Infinite / Endless / Continuous Scroll technique in ASP.Net GridView where database records are fetched dynamically when GridView is scrolled down using jQuery AJAX and Web Methods.
17 Dec 2013
2 Comments   18809 Views
Here Mudassar Ahmed Khan has explained how to dynamically load images from database along with other information when is page scrolling down using DataList control in ASP.Net.
18 Dec 2013
6 Comments   47614 Views
Here Mudassar Ahmed Khan has explained how to display GridView Row Details in jQuery UI Dialog Modal Popup window in ASP.Net.
29 Dec 2013
13 Comments   69582 Views
Here Mudassar Ahmed Khan has explained how to search GridView records (data) on TextBox KeyPress event using jQuery in ASP.Net.

In order to search GridView records (data) on TextBox KeyPress event, I am making use of jQuery QuickSearch Plugin which dynamically searches the GridView cells and filters out the unwanted rows and displays only the records (data) that matches the input search term.
01 Jan 2014
0 Comments   51314 Views
Here Mudassar Ahmed Khan has shared a trick to prevent user refreshing the browser using Keyboard F5 function key by disabling the F5 function key using JavaScript or jQuery.

The idea is to determine the key code of the pressed key and if it is 116 i.e. ASCII key code of Keyboard F5 function key then stop its propagation by returning false inside the event handler.
01 Jan 2014
0 Comments   15559 Views
Here Mudassar Ahmed Khan has explained how to set MaxLength for Multiline TextBox in ASP.Net using jQuery.

By default the MaxLength property does not work for Multiline TextBox and hence I have created a jQuery Plugin which sets MaxLength for ASP.Net Multiline TextBox and also displays the character count as text is typed.
02 Jan 2014
0 Comments   33481 Views
Here Mudassar Ahmed Khan has explained how to modify the ASP.Net WCF (Windows Communication Foundation) service to make it accept AJAX JSON calls and to make AJAX JSON calls to ASP.Net WCF Service using JavaScript and jQuery
10 Jan 2014
1 Comments   21470 Views
Here Mudassar Ahmed Khan has explained how to implement infinite scrolling of images like Bing and Google in ASP.Net using jQuery AJAX in C# and VB.Net.
Thus creating an Infinite scrolling image gallery where images will be dynamically loaded from database along with other information when is page scrolling down using DataList control in ASP.Net.

Here Mudassar Ahmed Khan has explained how to dynamically load images from database along with other information when is page scrolling down using DataList control in ASP.Net.
16 Jan 2014
7 Comments   41158 Views
In this article I will explain how search records (data) on TextBox KeyPress in GridView with paging enabled using jQuery in ASP.Net. The matching records will be shown as highlighted.

In one of my previous articles "Search GridView records (data) on TextBox KeyPress using jQuery in ASP.Net", I have implemented GridView search using jQuery QuickSearch but the jQuery QuickSearch plugin does not work for GridView which has Paging enabled.

Since we need to dynamically search and filter GridView records on TextBox KeyPress, we will need to bind the GridView using jQuery AJAX, C# and VB.Net
22 Jan 2014
0 Comments   32203 Views
Here Mudassar Ahmed Khan has explained how to validate / check file size before it is uploaded using jQuery Uploadify plugin.

By default there is no way to validate / check file size before it is uploaded, but jQuery Uploadify Plugin makes use of Flash program to determine the size of the File as soon as it is selected.
12 Feb 2014
0 Comments   24166 Views
Here Mudassar Ahmed Khan has explained how to implement “Show Password” functionality for Password TextBox when the “Show Password” CheckBox is checked using plain jQuery and no additional jQuery plugin.

This “Show Password” feature is of great use and it allows user to view and verify their password during registration as well as when logging into some website.
The article contains explanation for HTML Password TextBox as well as ASP.Net TextBox.
17 Feb 2014
0 Comments   18523 Views
Here Mudassar Ahmed Khan has explained, how to implement Scrolling back to Top Button using plain jQuery and no additional jQuery Plugins.
In order to make the Scrolling back to Top action smooth, jQuery animation has been used.
02 Mar 2014
0 Comments   26098 Views
Here Mudassar Ahmed Khan has explained how to dynamically create HTML5 canvas charts using JavaScript, jQuery and JSON.

The HTML 5 Canvas charts have been implemented using the free Chart.js library to which JSON object is supplied as source of data. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
10 Mar 2014
2 Comments   4482 Views
Here Mudassar Ahmed Khan has explained how to implement 5 Star rating using jQuery plugin, save the rating value rated by user to database and display the value of Average Rating (in decimal format) and the Total Rating from database using jQuery AJAX and WebMethods in ASP.Net.
11 Mar 2014
4 Comments   36678 Views
Here Mudassar Ahmed Khan has explained how to detect / find the IP Address of the client / user machine using JavaScript & jQuery.
20 Apr 2014
1 Comments   6636 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Star rating in ASP.Net using jQuery Rating Plugin
21 Apr 2014
0 Comments   29655 Views
Here Mudassar Ahmed Khan has explained how to implement Image Slider from database using the jQuery jCarousel plugin in ASP.Net.
26 Apr 2014
0 Comments   14667 Views
Here Mudassar Ahmed Khan has explained how to allow website visitors to change i.e. increase or decrease font size of text using JavaScript and jQuery.
He has shown how to change i.e. increase or decrease the font size of text of whole page or particular section or part of page using JavaScript or jQuery

There are multiple monitor dimensions and resolutions, thus sometimes users find it difficult to read the information and hence they can use this feature to increase or decrease font size of the text for improved readability.
28 Apr 2014
3 Comments   18799 Views
Here Mudassar Ahmed Khan has explained how to build Master / Detail GridView using jQuery in ASP.Net.
The detail GridView can be expanded and collapsed using jQuery when button is clicked in the Master GridView.
11 May 2014
1 Comments   21904 Views
Here Mudassar Ahmed Khan has explained how to add vertical scrollbar to ASP.Net GridView using jQuery ScrollableGridView plugin.

This plugin adds vertical scrollbar to GridView with Fixed header row.
31 May 2014
0 Comments   21045 Views
Here Mudassar Ahmed Khan has explained how to drag and drop images from one DIV to another using jQuery. In order to drag and drop images I have made use of jQuery UI Draggable and Droppable plugins.
03 Jun 2014
1 Comments   11723 Views
Here Mudassar Ahmed Khan has explained with an example how to drag and drop in HTML page using jQuery and JavaScript by making use of jQuery UI Draggable and Droppable plugins.
04 Jun 2014
8 Comments   33888 Views
Here Mudassar Ahmed Khan has explained how to capture still image / photo / picture from Web Camera (Webcam) in ASP.Net using C# and VB.Net.

In order to capture images from Web Camera (Webcam) I am making use of jQuery Webcam plugin. The images captured using Web Camera (Webcam) will be saved in folder and displayed in ASP.Net Image control.
05 Jun 2014
1 Comments   28191 Views
Here Mudassar Ahmed Khan has explained how to submit form to database without page refresh using jQuery AJAX and JSON in ASP.Net.

For this article I will make use of an ASP.Net WebMethod and the data from the form fields i.e. TextBox, DropDownList, etc. will be inserted into database table.
14 Jun 2014
0 Comments   9521 Views
Here Mudassar Ahmed Khan has explained how to catch, handle and display ASP.Net server side exceptions occurring inside the Web Service WebMethods during jQuery AJAX calls. The caught exception is in the form of a JSON serialized string, plain text or HTML. If it is a JSON string, then it is parsed and converted into a JSON object and the details of the exception are extracted.

The details of the exception are then displayed using jQuery UI Dialog modal popup.
15 Jun 2014
1 Comments   11521 Views
Here Mudassar Ahmed Khan has explained how to delete row from GridView and database using jQuery in ASP.Net, C# and VB.Net.

When the delete button is clicked, a JavaScript confirmation box will be displayed and once confirmed a jQuery AJAX call will be made to the WebMethod which will then execute a DELETE query on the database table.

Once the record is deleted successfully from database, the corresponding row will be removed from GridView using jQuery.
20 Jun 2014
1 Comments   27318 Views
Here Mudassar Ahmed Khan has explained how to send or pass multiple parameters to Web Method in jQuery AJAX POST call in ASP.Net.

Generally people face issues with jQuery AJAX POST call to WebMethod when multiple parameters have to be passed, due to syntax errors the WebMethod does not get called.

Hence I have come up in an innovative way where using JSON object and JSON2 Stringify method one can easily post any number and any type of parameters to WebMethod using jQuery AJAX.
22 Jun 2014
0 Comments   97821 Views
Here Mudassar Ahmed Khan has explained how to use Regular Expression (Regex) to accept/allow only Alphabets and Space in TextBox in ASP.Net using:-

1. RegularExpression Validator.
2. JavaScript.
3. jQuery.
26 Jun 2014
0 Comments   7751 Views
Here Mudassar Ahmed Khan has explained how to use jQuery ValidationEngine plugin with ASP.Net AJAX UpdatePanel control.

By default the jQuery ValidationEngine plugin does not stop submission even if the validation is failing and hence we will need to make use of ASP.Net UpdatePanel client side events to fix the issue.
28 Jun 2014
1 Comments   23965 Views
Here Mudassar Ahmed Khan has explained how to show jQuery UI Dialog modal popup after jQuery AJAX call is completed inside the Success event handler in ASP.Net.

The jQuery UI Dialog is initialized before the jQuery AJAX call but it is shown on the page after the response is received by the jQuery AJAX call.
01 Jul 2014
2 Comments   10385 Views
Here Mudassar Ahmed Khan has explained how to implement Price Range Slider in ASP.Net using jQuery Slider plugin and jQuery AJAX.

When the price range is changed inside the slider, the items will be filtered from database using jQuery AJAX.
10 Jul 2014
4 Comments   16390 Views
Here Mudassar Ahmed Khan has explained how to show image preview in a DIV before the image is actually uploaded to server using jQuery.

The live preview is shown using the DXImageTransform filter CSS property in browsers that do not support HTML5 i.e. Internet Explorer 8 and 9.

While for the browsers that support HTML5 i.e. Internet Explorer 10 and 11+, Mozilla FireFox, Google Chrome and Opera, the image preview is displayed using HTML5 FileReader API.
10 Jul 2014
0 Comments   10806 Views
Here Mudassar Ahmed Khan has explained how to display the error messages and details of error exceptions caught inside the Error and Failure event handlers of jQuery AJAX call.
The error messages and details are displayed using jQuery UI Dialog Popup.
11 Jul 2014
0 Comments   3437 Views
Here Mudassar Ahmed Khan has explained how to display preview of image locally without uploading to server using jQuery.
The local image preview without server upload is shown using the DXImageTransform filter CSS property and HTML5 FileReader API.
18 Jul 2014
1 Comments   20231 Views
Here Mudassar Ahmed Khan has explained how to preview image before upload using FileUpload control in ASP.Net using jQuery, CSS and HTML5.
06 Aug 2014
0 Comments   17017 Views
Here Mudassar Ahmed Khan has shared the jQuery plugin for TextArea to implement to limit characters with character count feature.

HTML TextArea control does not have MaxLength property hence I have built a MaxLength jQuery plugin which allows user to enforce character limit validation and optionally display the character count.
06 Aug 2014
0 Comments   2544 Views
Here Mudassar Ahmed Khan has explained how to enforce character limit with character count feature when text is pasted in HTML TextArea.

The jQuery Character limit Plugin works in both cases, when the text is pasted using CTRL + V keyboard shortcut and also when the text is pasted using the Paste option in Context Menu which opens when TextArea is right clicked.
28 Aug 2014
0 Comments   7183 Views
Here Mudassar Khan has explained how to Clone DropDownList Items i.e. Copy DropDownList Items to another DropDownList using jQuery.

The DropDownList is cloned and its items are copied to another DropDownList along with the Selected Value.
14 Sep 2014
1 Comments   8911 Views
Here Mudassar Ahmed Khan has explained how to enable disable TextBox in GridView when CheckBox is selected (checked) in ASP.Net using jQuery.

The article also features Header CheckBox which will allow users to enable disable TextBoxes in all rows when the Header CheckBox is selected (checked).
28 Sep 2014
2 Comments   11733 Views
Here Mudassar Ahmed Khan has explained how to use Google Chart APIs with database in ASP.Net using C#, VB.Net and jQuery.

In this example he has populated Pie chart, 3D Pie chart and Doughnut chart from database using jQuery AJAX and WebMethods in ASP.Net.
15 Nov 2014
0 Comments   5672 Views
ASP.Net   AJAX   JQuery   JSON
Here Mudassar Ahmed Khan has explained how to populate CheckBoxList control from database on client side using jQuery AJAX, JSON and Web Method in ASP.Net using C# and VB.Net.

Just like the ASP.Net server side CheckBoxList, this jQuery CheckBoxList also supports the RepeatColumns property using which one can repeat the CheckBoxes in multiple columns.
This article also explains how to get the Selected Text and Value of the ASP.Net CheckBoxList populated using jQuery AJAX on Button click.
18 Nov 2014
0 Comments   1963 Views
Here Mudassar Ahmed Khan has explained a very interesting topic i.e. to detect whether the keyboard Caps Lock key is ON or OFF dynamically when typing into a TextBox using JavaScript and jQuery.

There is no way to detect whether in a browser but by writing some logic to detect the various keyboard keys I have developed a code that does the job and works in all browsers.
20 Nov 2014
1 Comments   7361 Views
Here Mudassar Ahmed Khan has explained how to check (validate) File (Image) size before upload using JavaScript and jQuery.

HTML5 allows developers to access the file contents and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily determine the size of the File.
For browsers that don’t support HTML5 have to use jQuery Flash plugins like Uploadify.
25 Nov 2014
4 Comments   12771 Views
Here Mudassar Ahmed Khan has explained how to change the URL in browser without reloading or refreshing the page using HTML5 History API in JavaScript and jQuery.

HTML5 History API allows browsers to modify the URL without reloading or refreshing the page using pushState function.
26 Nov 2014
0 Comments   2891 Views
Here Mudassar Ahmed Khan has explained how to display image immediately after file is selected in FileUpload control using jQuery, CSS and HTML5.
26 Nov 2014
0 Comments   3030 Views
Here Mudassar Ahmed Khan has explained how to solve the issue of jQuery event handler inside AJAX UpdatePanel not working after Partial PostBack in ASP.Net.
29 Nov 2014
0 Comments   10388 Views
Here Mudassar Ahmed Khan has explained how to read, parse and display a CSV file (Comma separated Text file) selected in FileUpload control (HTML File Input) on client side using JavaScript, jQuery and HTML5.

HTML5 allows developers to access the file contents and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the file contents.
01 Dec 2014
1 Comments   37381 Views
Here Mudassar Ahmed Khan has explained how to implement a Multiple Select (MultiSelect) DropDownList with CheckBoxes in ASP.Net using jQuery Bootstrap Multi-Select Plugin.

In order to implement a Multiple Select (MultiSelect) DropDownList with CheckBoxes in ASP.Net we will need to make use of ListBox control and apply the jQuery Bootstrap Multi-Select Plugin to it.
02 Dec 2014
2 Comments   5002 Views
Here Mudassar Ahmed Khan has explained how to maintain the scroll position for Scrollable GridView using jQuery inside AJAX UpdatePanel when Partial PostBack occurs.

This article is an extension of my previous article Scrollable GridView with Fixed Headers inside ASP.Net UpdatePanel using jQuery Plugin, as it uses the version 3.0 of the jQuery Scrollable GridView plugin which now solves the issue of DIV scroll position getting lost on AJAX UpdatePanel partial PostBack.
05 Dec 2014
0 Comments   9725 Views
Here Mudassar Ahmed has explained how to search and filter GridView as you type in TextBox using jQuery AJAX in ASP.Net with C# and VB.Net.
08 Dec 2014
1 Comments   3894 Views
Here Mudassar Ahmed Khan has explained how to implement 360 degree view image rotator to allow users perform 360 degree view image rotation of Products using jQuery ThreeSixty Plugin.

The jQuery ThreeSixty plugin has three modes of operation:-

Click – 360 degree image rotation is performed after mouse is clicked on the image and moved.
MouseMove - 360 degree image rotation is performed when mouse is moved over the Image.
Auto - 360 degree image rotation is performed automatically.
11 Dec 2014
1 Comments   8506 Views
Here Mudassar Ahmed Khan has explained how to implement Start Date should be less than End date validation when using two jQuery DatePickers.

When we use two jQuery DatePickers one for choosing the start date while other for choosing the end date, there’s a need to validate that the selected start date must always be less than the selected end date.
12 Dec 2014
0 Comments   6525 Views
Here Mudassar Ahmed Khan has explained how to preview multiple images before upload using HTML INPUT FileUpload control using JavaScript jQuery, CSS and HTML5.

The multiple image preview is displayed using HTML5 FileReader API in browsers that support HTML5 i.e. Internet Explorer 10 and 11+, Mozilla FireFox, Google Chrome and Opera.
14 Dec 2014
0 Comments   3224 Views
Here Mudassar Ahmed Khan has explained how to search GridView records and highlight search text (keyword) in GridView using jQuery in ASP.Net.
17 Dec 2014
0 Comments   2551 Views
Here Mudassar Ahmed Khan has explained with an example, how to send (pass) parameters to Web Method in jQuery AJAX POST call in ASP.Net.
18 Dec 2014
0 Comments   4440 Views
Here Mudassar Ahmed Khan has explained how to add and display CheckBoxList (CheckBoxes) in DropDownList in ASP.Net using jQuery Bootstrap Multi-Select Plugin.
19 Dec 2014
0 Comments   6403 Views
Here Mudassar Ahmed Khan has explained how to display large amount of data in GridView with Search functionality in ASP.Net by making use of Paging using Stored Procedures and jQuery AJAX.

By combining the power of SQL Server and jQuery we can efficiently do paging through large amounts of data.
22 Dec 2014
0 Comments   6716 Views
Here Mudassar Ahmed Khan has explained how to Crop and Upload Image with Live Thumbnail Preview using jQuery and HTML5 Canvas in ASP.Net with C# and VB.Net.

The image will be cropped using the Jcrop jQuery plugin, and Live Thumbnail Preview is displayed using HTML5 Canvas.
31 Dec 2014
4 Comments   21804 Views
Here Mudassar Ahmed Khan has explained how to make GridView responsive so that it fits and adjusts itself to look good in Mobile Phone, Tablet and Desktop displays in ASP.Net using jQuery.

In order to make the GridView responsive, I am using Footable jQuery plugin which is compatible with Bootstrap design.
04 Jan 2015
0 Comments   3803 Views
Here Mudassar Ahmed Khan has explained how to clear ASP.Net FileUpload control using JavaScript and jQuery. ASP.Net FileUpload control is actually HTML Input File element which is ReadOnly i.e. one cannot modify its value on Client Side using JavaScript or jQuery.

Hence he has created a clone of the original control and replaced it with new one in order to clear ASP.Net FileUpload control on Client Side using JavaScript and jQuery.
12 Jan 2015
0 Comments   2140 Views
Here Mudassar Ahmed Khan has explained how to disable mouse right click in ASP.Net (ASPX) page using JavaScript and jQuery.

The script has to be copied in Master Page or Content Page and it will disable mouse right click in ASP.Net (ASPX) page using JavaScript and jQuery.
27 Jan 2015
0 Comments   2202 Views
Here Mudassar Ahmed Khan has explained how to dynamically add and remove TextBoxes dynamically using jQuery in ASP.Net using C# and VB.Net.

He has also explained how to fetch the values of the dynamically generated TextBoxes using jQuery on Server Side and also retain the dynamic TextBoxes across PostBack.
02 Feb 2015
1 Comments   3814 Views
Here Mudassar Ahmed Khan has explained how to upload multiple files using jQuery AJAX and Generic Handler (ASHX) in ASP.Net using C# and VB.Net.

Multiple files will be uploaded using Generic Handler (ASHX) and jQuery Uploadify Plugin.
02 Feb 2015
2 Comments   2335 Views
Here Mudassar Ahmed Khan has explained how to display default Text Label in TextBox using jQuery in ASP.Net.

The process to display default Text Label in TextBox is known as Watermarking.
03 Feb 2015
0 Comments   2070 Views
Here Mudassar Ahmed Khan has explained how to make a Label editable i.e. when the Label is clicked it will be converted into a TextBox using jQuery in ASP.Net, C# and VB.Net.

Once the edit is done and user clicks anywhere outside the TextBox, it will get converted back to a Label using jQuery.
05 Feb 2015
0 Comments   3365 Views
Here Mudassar Ahmed Khan has explained how to validate End date should be greater than Start date when using two jQuery DatePickers.

When we use two jQuery DatePickers one for choosing the start date while other for choosing the end date, there’s a need to validate that the selected End date must always be greater than the selected Start date.
07 Feb 2015
2 Comments   3208 Views
Here Mudassar Ahmed Khan has explained how to validate File extension before Upload using Regular Expression (Regex) in JavaScript and jQuery.

The selected File’s extension will be validated using a Regular Expression and an error message will be displayed when an invalid file is selected.
19 Feb 2015
1 Comments   2327 Views
Here Mudassar Ahmed Khan has explained how to call a JavaScript function on GridView Row click using jQuery in ASP.Net.

Using jQuery a Click event handler will be assigned to the GridView Row so that whenever the GridView Row is clicked the JavaScript function can be called.
21 Feb 2015
0 Comments   2586 Views
Here Mudassar Ahmed Khan has explained how to get Client ID of ASP.Net control in JavaScript and jQuery. This problem starts happening once we use Master Page as the ID of controls are changed on client side which makes it impossible to find an of ASP.Net control using JavaScript.
24 Feb 2015
3 Comments   3862 Views
Here Mudassar Ahmed Khan has explained how to maintain or retain the selected (active) tab in Bootstrap Tabs on PostBack in ASP.Net.
26 Feb 2015
0 Comments   3931 Views
Here Mudassar Ahmed Khan has explained how to display GridView Row details in New Popup Window using JavaScript and jQuery in ASP.Net.

The new Popup Window will be opened when the HyperLink in GridView row is clicked.
03 Mar 2015
0 Comments   3260 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of RadioButtonList using jQuery and also set selected item in RadioButtonList by Value and by Text using jQuery in ASP.Net.
03 Mar 2015
0 Comments   2112 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of CheckBoxList control using jQuery in ASP.Net.
04 Mar 2015
0 Comments   1879 Views
Here Mudassar Ahmed Khan has explained how to upload multiple files with Progress Bar using Flash and jQuery in ASP.Net using C# and VB.Net.

jQuery Uploadify Plugin makes use of Flash for uploading multiple files with progress bar.
07 Mar 2015
0 Comments   1625 Views
Here Mudassar Ahmed Khan has explained how to handle errors and exceptions in jQuery AJAX calls and show (display) Custom Exception messages using jQuery Dialog.
10 Mar 2015
1 Comments   2187 Views
Here Mudassar Ahmed Khan has explained with an example how to make Scrollable Table in HTML with Fixed Header using jQuery and jQuery Scrollable Table Plugin.
The HTML Table Header will be made fixed using the free ASPSnippets jQuery Scrollable Table Plugin.
12 Mar 2015
0 Comments   1575 Views
Here Mudassar Ahmed Khan has explained how to add (insert) Item (values) to ASP.Net ListBox using JavaScript and jQuery. The value from the TextBox will be added to the ASP.Net ListBox control using JavaScript and jQuery.
13 Mar 2015
0 Comments   1100 Views
Here Mudassar Ahmed Khan has explained how to remove (delete) multiple selected items from the ASP.Net ListBox using JavaScript and jQuery.
15 Mar 2015
0 Comments   900 Views
Here Mudassar Ahmed Khan has explained how to make an ASP.Net ListBox empty by clearing (removing) all items of the ASP.Net ListBox using JavaScript and jQuery.
16 Mar 2015
1 Comments   3360 Views
Here Mudassar Ahmed Khan has explained how to print DIV contents with CSS styles using JavaScript and jQuery without using any jQuery Print plugin.
When one tries to print a DIV with CSS styles applied from an external CSS file, the contents are printed without the CSS styles. Thus using the following trick one can print the DIV contents with the CSS styles.
16 Mar 2015
0 Comments   790 Views
Here Mudassar Ahmed Khan has explained how to disable mouse right click in web page using JavaScript and jQuery.

The script has to be copied in the head or body section of the web page and it will disable mouse right click using JavaScript and jQuery.
16 Mar 2015
0 Comments   1203 Views
Here Mudassar Ahmed Khan has explained the easiest way to disable Submit button after click using JavaScript and jQuery.
The script needs to be placed on the web page and it will disable all submit buttons as soon as any submit button is clicked using JavaScript and jQuery.
17 Mar 2015
0 Comments   1691 Views
Here Mudassar Ahmed Khan has explained how to dynamically load (populate) contents of jQuery UI Dialog Modal Popup using jQuery AJAX.
18 Mar 2015
0 Comments   2009 Views
Here Mudassar Ahmed Khan has explained how to display Google Maps inside jQuery UI Dialog Modal Popup window.
20 Mar 2015
0 Comments   2048 Views
Here Mudassar Ahmed Khan has explained how to create a dynamic Table in HTML at runtime using jQuery. The columns, rows and cells will be dynamically created in the Table using jQuery.
21 Mar 2015
0 Comments   1558 Views
Here Mudassar Ahmed Khan has explained how to make the Headers fixed and Rows scrollable in ASP.Net Repeater control.
The Repeater’s header will be fixed and rows will be made scrollable using jQuery Scrollable Table plugin.
21 Mar 2015
0 Comments   780 Views
Here Mudassar Ahmed Khan has explained JSONP request with Callback example using jQuery i.e. how to make a Cross Domain JSONP request with Callback using plain jQuery.
Callback means that it will call a function once the response is ready.
22 Mar 2015
0 Comments   1614 Views
Here Mudassar Ahmed Khan has explained the process of GridView row reordering i.e. Drag and Drop ordering of GridView Rows using jQuery in ASP.Net.
The drag and drop ordering of GridView Rows will be performed using jQuery UI Sortable Plugin.
25 Mar 2015
0 Comments   2208 Views
Here Mudassar Ahmed Khan has explained how to dynamically add rows to GridView on client side using jQuery on Button click in ASP.Net.
The GridView Rows added using jQuery on client side will be fetched on server side and inserted into the database.
26 Mar 2015
0 Comments   1561 Views
Here Mudassar Ahmed Khan has explained how to get the Text and Value of multiple selected items of ASP.Net ListBox using JavaScript and jQuery.
30 Mar 2015
0 Comments   2033 Views
Here Mudassar Ahmed Khan has explained how to find, access, get value and validate TextBox and DropDownList controls in GridView row using jQuery in ASP.Net.
This article will explain how to find and validate TextBox and DropDownList controls inside the ASP.Net GridView row using jQuery when it is being edited.
31 Mar 2015
0 Comments   1130 Views
Here Mudassar Ahmed Khan has provided solution for the jQuery UpdatePanel Conflicts i.e. how to solve the issue of jQuery not working with ASP.Net AJAX UpdatePanel Asynchronous PostBack.
03 Apr 2015
0 Comments   2056 Views
Here Mudassar Ahmed Khan has explained how to zoom (enlarge) images on MouseOver in ASP.Net DataList using jQuery ElevateZoom Image Zoom plugin.
04 Apr 2015
0 Comments   884 Views
Here Mudassar Ahmed Khan has provided code to disable / restrict / prevent mouse right click in web page using JavaScript and jQuery.

The code has to be copied in your web page HEAD section and it will disable / restrict / prevent mouse right click using JavaScript and jQuery.
09 Apr 2015
0 Comments   1443 Views
Here Mudassar Ahmed Khan has explained how to populate and display JSON data in HTML Table using jQuery.
The HTML Table will be dynamically created by looping through the JSON array elements on Button click using jQuery.
12 Apr 2015
0 Comments   1437 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of HTML Select DropDownList in OnChange event using JavaScript and jQuery.
13 Apr 2015
0 Comments   710 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of HTML Select DropDownList on Button click using JavaScript and jQuery.
13 Apr 2015
0 Comments   755 Views
Here Mudassar Ahmed Khan has explained how to validate (check) HTML Select DropDownList using JavaScript and jQuery.
15 Apr 2015
0 Comments   938 Views
Here Mudassar Ahmed Khan has explained how to get Text and Value of selected Item (Option) of ASP.Net DropDownList on Button click using JavaScript and jQuery.
15 Apr 2015
0 Comments   877 Views
Here Mudassar Ahmed Khan has explained how to validate (check) ASP.Net DropDownList using JavaScript and jQuery.
18 Apr 2015
0 Comments   1006 Views
Here Mudassar Ahmed Khan has explained how to get and then validate (check) dimensions (Height and Width) of Image file before upload using HTML5, JavaScript and jQuery.
HTML5 allows developers to access the file details such as Height and Width using JavaScript and jQuery.
27 Apr 2015
0 Comments   639 Views
Here Mudassar Ahmed Khan explained with example, how to use multiple jQuery versions on the same page using jQuery noConflict function.
jQuery noConflict function allows to specify different variable names to the jQuery versions and this makes multiple versions work together without conflicting.
01 May 2015
0 Comments   583 Views
Here Mudassar Ahmed Khan has explained a tutorial with example on how to use HTML5 History API pushState function in JavaScript and jQuery.
HTML5 History API allows browsers to modify the URL without reloading or refreshing the page using pushState function.
03 May 2015
0 Comments   1168 Views
Here Mudassar Ahmed Khan has explained with an example how to make a GridView Header fixed (static) on scroll in ASP.Net using jQuery.
04 May 2015
1 Comments   580 Views
Here Mudassar Ahmed Khan has explained how to enable disable ASP.Net RequiredFieldValidator, using JavaScript and jQuery.

In order to enable or disable ASP.Net RequiredFieldValidator, we need to make use of the inbuilt ValidatorEnable ASP.Net client side JavaScript function.
04 May 2015
0 Comments   661 Views
Here Mudassar Ahmed Khan has explained how to handle the problem where long text of items (options) getting cut (stripped) when we set width for ASP.Net DropDownList control and HTML SELECT DropDownList.

Whenever we specify width of ASP.Net DropDownList control or HTML SELECT and if the text length of any ASP.Net DropDownList Item or HTML SELECT option exceeds the width, browser trims the extra characters which makes it difficult to read the complete text.
05 May 2015
0 Comments   860 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display a Calendar control in ASP.Net with facility to select time.
ASP.Net AJAX Calendar Extender control does not have option to select time and hence an alternative jQuery Calendar with Date and Time selection can be used.
07 May 2015
0 Comments   602 Views
Here Mudassar Ahmed Khan has explained how to show and hide HTML DIV with TextBox when CheckBox is checked (selected) and unchecked (unselected) using JavaScript and jQuery.
When the CheckBox is clicked based on whether it is checked (selected) or unchecked (unselected), the HTML DIV with TextBox will be shown or hidden.
11 May 2015
0 Comments   713 Views
Here Mudassar Ahmed Khan has explained how to show and hide HTML DIV with TextBox based RadioButton selection or click i.e. when RadioButtons are checked (selected) and unchecked (unselected) using JavaScript and jQuery.
When the RadioButton is clicked based on whether it is checked (selected) or unchecked (unselected), the HTML DIV with TextBox will be shown or hidden.
13 May 2015
0 Comments   1089 Views
Here Mudassar Ahmed Khan has explained with example, how to create Organizational Chart from Database using Google Organizational Chart in ASP.Net using C# and VB.Net.
The Organizational Chart will also display Pictures (Images) in each Node of the Google Organizational Chart.
13 May 2015
0 Comments   1011 Views
Here Mudassar Ahmed Khan has explained with example, how to create Family Tree Hierarchy Chart from Database using Google Organizational Chart in ASP.Net using C# and VB.Net.
The Family Tree Hierarchy Chart will also display Pictures (Images) in each Node of Family Tree Hierarchy Chart.
15 May 2015
0 Comments   498 Views
Here Mudassar Ahmed Khan has explained how to redirect to another page (HTML page) after delay of some time (say 5 seconds or 10 seconds) using JavaScript and jQuery.
The JavaScript setInterval function will be used to redirect to another page after delay of some time using JavaScript and jQuery.
15 May 2015
0 Comments   770 Views
Here Mudassar Ahmed Khan has explained how to redirect to new page (another page) after jQuery AJAX call is successful (completed) i.e. response is received in the Success event handler.
For illustration purposes, ASP.Net page will be used for handling jQuery AJAX calls.
16 May 2015
0 Comments   548 Views
Here Mudassar Ahmed Khan has explained an example of animated smooth Scroll to Top of page functionality using jQuery
In order to make the scroll to top of page action smooth, jQuery animation has been used.
16 May 2015
0 Comments   565 Views
Here Mudassar Ahmed Khan has explained how to implement Scroll to Bottom Button using jQuery i.e. Smooth Animated Scroll to Bottom of page example using plain jQuery and no additional jQuery Plugins.
In order to make the Scroll to Bottom action smooth, jQuery animation has been used.
17 May 2015
0 Comments   684 Views
Here Mudassar Ahmed Khan has explained how to implement and populate animated HTML5 Canvas Multi-Series Line Chart (Graph) from database using jQuery AJAX in ASP.Net.
The HTML 5 Canvas charts have been implemented using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
18 May 2015
0 Comments   430 Views
Here Mudassar Ahmed Khan has shared the jQuery plugin to set MaxLength of HTML TextArea using JavaScript and jQuery i.e. Limit number of Characters entered in TextArea using JavaScript and jQuery.
18 May 2015
0 Comments   487 Views
Here Mudassar Ahmed Khan has explained how to implement HTML5 Canvas Touch Screen and Mouse Sketchpad (Drawing) App in ASP.Net using jQuery Sketch plugin.
HTML5 Canvas Sketchpad (Drawing) App will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen.
24 May 2015
0 Comments   299 Views
Here Mudassar Ahmed Khan has explained how to enable a RequiredFieldValidator when CheckBox is checked and disable a RequiredFieldValidator when CheckBox is unchecked in ASP.Net using JavaScript and jQuery.
In order to enable or disable ASP.Net RequiredFieldValidator, the ASP.Net ValidatorEnable client side JavaScript function is used.
24 May 2015
0 Comments   409 Views
Here Mudassar Ahmed Khan has explained how to make a TextBox required if a CheckBox is checked by enabling the RequiredFieldValidator in ASP.Net using JavaScript and jQuery.
In order to enable ASP.Net RequiredFieldValidator for the TextBox when the CheckBox is checked, the ASP.Net ValidatorEnable client side JavaScript function is used.
25 May 2015
0 Comments   371 Views
Here Mudassar Ahmed Khan has explained with example, how to call (consume) Web Service (ASMX) using jQuery AJAX in ASP.Net using C# and VB.Net.
The Web Method of Web Service (ASMX) will be called using jQuery AJAX Post Method.
25 May 2015
0 Comments   644 Views
Here Mudassar Ahmed Khan has explained with an example, how to call (execute) Server Side (Code Behind) method from jQuery UI Dialog Modal Popup in ASP.Net.
28 May 2015
0 Comments   349 Views
Here Mudassar Ahmed Khan has explained how to clear jQuery AutoComplete TextBox when no match found. The following article explains “Display No results found message (No match found message) in jQuery AutoComplete”, now when “No match found” item is selected then the jQuery AutoComplete TextBox’s value is cleared.
30 May 2015
0 Comments   144 Views
Here Mudassar Ahmed Khan has explained how to make the jQuery Autocomplete TextBox work with Content Page inherited with Master Page in ASP.Net using C# and VB.Net.
When Master Page is used the ClientID of the ASP.Net Controls are changed and jQuery is unable to find the target control.