Category - JQuery
19 Aug 2009
42 Comments   79255 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   56407 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   66624 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   76591 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   18538 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   68437 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   126268 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
42 Comments   84804 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   18200 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   13717 Views
Here Mudassar Ahmed Khan has explained how to build your own simple Hover Menu using jQuery in ASP.Net
15 Jan 2011
9 Comments   25683 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   44766 Views
Here Mudassar Ahmed Khan has explained how to implement DateTimePicker plugin in ASP.Net using jQuery Plugin
21 Feb 2011
87 Comments   56493 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   12530 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   10881 Views
Here Mudassar Ahmed Khan has explained how to use the jQuery ImageAutocomplete Plugin in ASP.Net
05 Jul 2011
6 Comments   35160 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   35304 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   59857 Views
Here Mudassar Ahmed Khan has explained how to implement jQuery Autocomplete using ASP.Net Web Services.
08 Aug 2011
9 Comments   20971 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
8 Comments   38751 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
13 Comments   68036 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   29009 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   18226 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
5 Comments   63845 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   31252 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   49741 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   15387 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
3 Comments   22796 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   55129 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   33937 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   36497 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   38850 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
2 Comments   23311 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   25047 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   20872 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   6709 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   9896 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   22980 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   71116 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   35406 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   30643 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
3 Comments   23608 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   23782 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   18795 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   19709 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   50749 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   44572 Views
Here Mudassar Ahmed Khan has explained with an example - Nested GridViews in ASP.Net using C# and VB.Net.
23 Sep 2012
33 Comments   214258 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   17671 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   11722 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   15572 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   17696 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
12 Comments   111632 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   25364 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   21868 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
3 Comments   47418 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
1 Comments   51998 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
7 Comments   62395 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   9236 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
2 Comments   27760 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
3 Comments   24310 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
5 Comments   13780 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   6561 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   12186 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   22622 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   19049 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
8 Comments   64230 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   41703 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   25344 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
6 Comments   41538 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
2 Comments   44966 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   11976 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
7 Comments   26951 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
5 Comments   26282 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   21181 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   7492 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   13578 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   5446 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
2 Comments   9301 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   15595 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   7265 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   3674 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   19619 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   14290 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   3561 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   7130 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
5 Comments   30062 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   4685 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   5311 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   12013 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   9791 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   8994 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   52954 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
0 Comments   16397 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   16699 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   18483 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
7 Comments   63664 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   17366 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
6 Comments   42856 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   19192 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   7555 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   10888 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   16037 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   22113 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   24972 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   24843 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   37432 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   37186 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   22490 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   28721 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   49019 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   8885 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   9462 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
10 Comments   48597 Views
Here Mudassar Ahmed Khan has explained how to make a call to ASP.Net WebMethod using jQuery AJAX.
02 Dec 2013
5 Comments   20256 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   18421 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   12999 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   13276 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
5 Comments   28958 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   41821 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   34907 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   8890 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   16912 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
0 Comments   14235 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
5 Comments   26867 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   20679 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   12022 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   12259 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   13691 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   3375 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   21694 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   3041 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   14097 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   5810 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   10221 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   8229 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   4514 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   3976 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   13700 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   9289 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   4337 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
0 Comments   4991 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   8116 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   17916 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   4052 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   7258 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   4200 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   4369 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   1634 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   1534 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   6656 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   7120 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   1472 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   2349 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
0 Comments   2088 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
1 Comments   1763 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.