Category - JQuery
19 Aug 2009
42 Comments   81313 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   57643 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
11 Comments   70469 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
40 Comments   79410 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   19235 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
16 Comments   73393 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   133636 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   92780 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   20169 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   14976 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   27415 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   47409 Views
Here Mudassar Ahmed Khan has explained how to implement DateTimePicker plugin in ASP.Net using jQuery Plugin
21 Feb 2011
87 Comments   58972 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   13332 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   11255 Views
Here Mudassar Ahmed Khan has explained how to use the jQuery ImageAutocomplete Plugin in ASP.Net
05 Jul 2011
6 Comments   38453 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   39864 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   67411 Views
Here Mudassar Ahmed Khan has explained how to implement jQuery Autocomplete using ASP.Net Web Services.
08 Aug 2011
10 Comments   24728 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
9 Comments   45445 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   77379 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
1 Comments   31631 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   19699 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   67028 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
6 Comments   35817 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   58867 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   19645 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   25883 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   61784 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   50726 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   39815 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   42460 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   28369 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   26995 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   28142 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   7049 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
3 Comments   11395 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   44001 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
33 Comments   81411 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   39045 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   31789 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
4 Comments   34192 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   27806 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   20242 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   21740 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
17 Comments   57420 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
14 Comments   48603 Views
Here Mudassar Ahmed Khan has explained with an example - Nested GridViews in ASP.Net using C# and VB.Net.
23 Sep 2012
35 Comments   232517 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   18629 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   12253 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   21242 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   19110 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
16 Comments   149591 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   30042 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   27960 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
4 Comments   58699 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
2 Comments   61733 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
8 Comments   72533 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   10140 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
3 Comments   30182 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   28470 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   19253 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   7348 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   13841 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   27991 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   21303 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   80656 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   46481 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
2 Comments   28575 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
8 Comments   48960 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
4 Comments   56353 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   13176 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
8 Comments   32258 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   32040 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   28194 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   8574 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   16086 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   5968 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   10643 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   19821 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   7824 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   4545 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
5 Comments   22882 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   19056 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   3756 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   8784 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   36455 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   5230 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   6075 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   13307 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   15016 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   10904 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   64270 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
1 Comments   20440 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   20124 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   22672 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
8 Comments   72145 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   21054 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
8 Comments   51248 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   22256 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   8760 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   12390 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   51230 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   25458 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   31498 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
3 Comments   26882 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
6 Comments   50195 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   46568 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   30074 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
2 Comments   34085 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   64564 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
2 Comments   13596 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   12557 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
11 Comments   65067 Views
Here Mudassar Ahmed Khan has explained how to make a call to ASP.Net WebMethod using jQuery AJAX.
02 Dec 2013
5 Comments   24048 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
1 Comments   23501 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   15455 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   15028 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   35309 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
12 Comments   50737 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   40903 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   10967 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   22258 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   16352 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
6 Comments   32584 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   27099 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   14562 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   15436 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   17648 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   3677 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
3 Comments   26726 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   3908 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   19616 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   9354 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
2 Comments   13835 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   12187 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   10890 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
0 Comments   5953 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
6 Comments   19544 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   18896 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   6370 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   6691 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
0 Comments   13847 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   56130 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   5844 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   12563 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   6186 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   8232 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   3158 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   2067 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   10807 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   14648 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   1964 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   4376 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   4564 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   4207 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   1696 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   976 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   1266 Views
Here Mudassar Ahmed Khan has explained how 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
0 Comments   1194 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   1149 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   948 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   876 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
0 Comments   2034 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
0 Comments   1192 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   1552 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   815 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
0 Comments   758 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   770 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   790 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   505 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   292 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   273 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.