Category - jQuery
42 Comments   92610 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
30 Comments   67241 Views
Here Mudassar Ahmed Khan has explained how to check User Name availability in SQL Server 2005 database using JQuery in ASP.Net
13 Comments   95882 Views
Here Mudassar Ahmed Khan has explained how to call server side methods or functions using jQuery without postback in ASP.Net
41 Comments   93655 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Ajax Auto complete Plugin in ASP.Net with an example source code
4 Comments   24452 Views
Here Mudassar Ahmed Khan has explained how to configure jQuery Auto complete Plugin to display images in the AutoComplete List in ASP.Net
17 Comments   96278 Views
Here Mudassar Ahmed Khan has explained how to build your own AJAX Cascading DropDownlist using jquery in ASP.Net
21 Comments   179898 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
44 Comments   113591 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
1 Comments   26158 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
1 Comments   18844 Views
Here Mudassar Ahmed Khan has explained how to build your own simple Hover Menu using jQuery in ASP.Net
11 Comments   38516 Views
Here Mudassar Ahmed Khan has explained how to implement the DateTimePicker in ASP.Net GridView using jQuery DateTimePicker Plugin
0 Comments   62084 Views
Here Mudassar Ahmed Khan has explained how to implement DateTimePicker plugin in ASP.Net using jQuery Plugin
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.
Here Mudassar Ahmed Khan has explained how to use jQuery Plugin to validate file extensions and types in AJAX Control Toolkit AsyncFileUpload control
Here Mudassar Ahmed Khan has explained how to use the jQuery ImageAutocomplete Plugin in ASP.Net
6 Comments   48187 Views
Here Mudassar Ahmed Khan has explained how to make AJAX call to asp.net server side web service's webmethod using jQuery
Here Mudassar Ahmed Khan has explained how to implement File size limit validation before upload using jQuery uploadify plugin
Here Mudassar Ahmed Khan has explained how to implement jQuery Autocomplete using ASP.Net Web Services.
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.
10 Comments   69824 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
15 Comments   136202 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
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.
Here Mudassar Ahmed Khan has explained how to apply the jQuery UI DatePicker plugin to textboxes in ASP.Net GridView Control.
6 Comments   89200 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.
11 Comments   50267 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
3 Comments   88116 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.
1 Comments   25356 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 .
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.
2 Comments   96289 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.
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.
0 Comments   54242 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 as it is bound from server side.
9 Comments   59566 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
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.
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.
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
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.
4 Comments   18765 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.
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.
38 Comments   124266 Views
Here Mudassar Ahmed Khan has explained how to fetch database records dynamically on browser page scroll down using jQuery AJAX and ASP.Net.
9 Comments   61435 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
5 Comments   37319 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
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.
3 Comments   38403 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.
1 Comments   30310 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.
14 Comments   31423 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.
18 Comments   99892 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.
18 Comments   84335 Views
Here Mudassar Ahmed Khan has explained with an example - Nested GridViews in ASP.Net using C# and VB.Net.
40 Comments   387514 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
3 Comments   23911 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.
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.
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
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
22 Comments   252819 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.
7 Comments   49515 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.
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.
5 Comments   107750 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.
6 Comments   117607 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.
12 Comments   162520 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.
1 Comments   13737 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.
7 Comments   50215 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
6 Comments   51258 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.
6 Comments   29668 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.
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
1 Comments   22404 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.
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.
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.
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.
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.
3 Comments   52190 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.
12 Comments   90291 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
7 Comments   106963 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
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
12 Comments   54601 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.
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.
0 Comments   45247 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.
1 Comments   12384 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.
0 Comments   27880 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.
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
3 Comments   18229 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
1 Comments   32226 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
0 Comments   10307 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
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.
11 Comments   45506 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.
0 Comments   34853 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.
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.
0 Comments   14114 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.
6 Comments   67791 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.
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
1 Comments   7744 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
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.
0 Comments   27083 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.
0 Comments   17663 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.
2 Comments   99810 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.
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.
0 Comments   29090 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.
1 Comments   42237 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
12 Comments   119920 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.
1 Comments   41075 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.
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.
3 Comments   38794 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.
0 Comments   22751 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.
0 Comments   20715 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.
0 Comments   78535 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.
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.
Here Mudassar Ahmed Khan has provided a tutorial with example that explains how to validate ASP.Net form using jQuery Validation Engine Plugin.
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.
Here Mudassar Ahmed Khan has explained how to upload files with progress bar in ASP.Net using jQuery Uploadify plugin.
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.
4 Comments   44407 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.
5 Comments   69479 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.
2 Comments   117604 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
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.
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.
18 Comments   164800 Views
Here Mudassar Ahmed Khan has explained how to make a call to ASP.Net WebMethod using jQuery AJAX.
7 Comments   41532 Views
Here Mudassar Ahmed Khan has explained, how to perform AJAX CRUD operations (Create, Read, Update and Delete) using GridView control in ASP.Net.
3 Comments   34784 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.
4 Comments   21147 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.
2 Comments   24386 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.
Here Mudassar Ahmed Khan has explained how to display GridView Row Details in jQuery UI Dialog Modal Popup window in ASP.Net.
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.
0 Comments   65277 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.
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.
0 Comments   43005 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
1 Comments   25898 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.
7 Comments   53434 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
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.
1 Comments   31457 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.
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.
0 Comments   36972 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.
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.
4 Comments   48078 Views
Here Mudassar Ahmed Khan has explained how to detect / find the IP Address of the client / user machine using JavaScript & jQuery.
Here Mudassar Ahmed Khan has explained how to use jQuery Star rating in ASP.Net using jQuery Rating Plugin
Here Mudassar Ahmed Khan has explained how to implement Image Slider from database using the jQuery jCarousel plugin in ASP.Net.
0 Comments   17733 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.
3 Comments   23574 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.
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.
1 Comments   30561 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.
1 Comments   20048 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.
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.
3 Comments   41648 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.
0 Comments   12694 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.
1 Comments   16462 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.
1 Comments   49319 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.
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.
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.
1 Comments   41066 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.
2 Comments   16568 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.
4 Comments   28477 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.
0 Comments   24823 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.
0 Comments   5207 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.
1 Comments   28642 Views
Here Mudassar Ahmed Khan has explained how to preview image before upload using FileUpload control in ASP.Net using jQuery, CSS and HTML5.
0 Comments   18804 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.
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.
0 Comments   8914 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.
1 Comments   14540 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).
3 Comments   24031 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.
0 Comments   11674 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.
0 Comments   3914 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.
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.
6 Comments   40820 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.
0 Comments   5176 Views
Here Mudassar Ahmed Khan has explained how to display image immediately after file is selected in FileUpload control using jQuery, CSS and HTML5.
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.
1 Comments   34626 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.
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.
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.
1 Comments   30238 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.
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.
2 Comments   20864 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.
0 Comments   17687 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.
0 Comments   6452 Views
Here Mudassar Ahmed Khan has explained how to search GridView records and highlight search text (keyword) in GridView using jQuery in ASP.Net.
0 Comments   7081 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.
Here Mudassar Ahmed Khan has explained how to add and display CheckBoxList (CheckBoxes) in DropDownList in ASP.Net using jQuery Bootstrap Multi-Select Plugin.
0 Comments   12212 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.
2 Comments   17592 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.
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.
0 Comments   8599 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.
0 Comments   4989 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.
0 Comments   5201 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.
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.
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.
0 Comments   5833 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.
0 Comments   11355 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.
3 Comments   20725 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.
1 Comments   6541 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.
0 Comments   11833 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.
4 Comments   19166 Views
Here Mudassar Ahmed Khan has explained how to maintain or retain the selected (active) tab in Bootstrap Tabs on PostBack in ASP.Net.
0 Comments   13200 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.
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.
0 Comments   14020 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of CheckBoxList control using jQuery in ASP.Net.
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.
0 Comments   3248 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.
1 Comments   12931 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.
0 Comments   6721 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.
0 Comments   2598 Views
Here Mudassar Ahmed Khan has explained how to remove (delete) multiple selected items from the ASP.Net ListBox using JavaScript and jQuery.
0 Comments   3232 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.
4 Comments   25023 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.
0 Comments   1178 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.
0 Comments   3469 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.
Here Mudassar Ahmed Khan has explained how to dynamically load (populate) contents of jQuery UI Dialog Modal Popup using jQuery AJAX.
0 Comments   10622 Views
Here Mudassar Ahmed Khan has explained how to display Google Maps inside jQuery UI Dialog Modal Popup window.
0 Comments   11117 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.
0 Comments   6432 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.
0 Comments   1489 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.
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.
0 Comments   8919 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.
0 Comments   8562 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.
0 Comments   7300 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.
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.
Here Mudassar Ahmed Khan has explained how to zoom (enlarge) images on MouseOver in ASP.Net DataList using jQuery ElevateZoom Image Zoom plugin.
0 Comments   2215 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.
0 Comments   10180 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.
0 Comments   47693 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.
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of HTML Select DropDownList on Button click using JavaScript and jQuery.
Here Mudassar Ahmed Khan has explained how to validate (check) HTML Select DropDownList using JavaScript and jQuery.
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.
Here Mudassar Ahmed Khan has explained how to validate (check) ASP.Net DropDownList using JavaScript and jQuery.
0 Comments   10280 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.
0 Comments   1986 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.
0 Comments   2031 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.
Here Mudassar Ahmed Khan has explained with an example how to make a GridView Header fixed (static) on scroll in ASP.Net using jQuery.
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.
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.
1 Comments   6372 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.
0 Comments   13297 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.
0 Comments   14752 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.
0 Comments   8884 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.
1 Comments   8895 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.
0 Comments   5131 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.
0 Comments   9406 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.
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.
0 Comments   3710 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.
0 Comments   5171 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.
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.
0 Comments   1849 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.
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.
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.
0 Comments   6918 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.
0 Comments   2547 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.
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.
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.
Here Mudassar Ahmed Khan has explained how to solve the problem of jQuery AutoComplete not working inside ASP.Net AJAX UpdatePanel after UpdatePanel’s Asynchronous request or Partial PostBack is completed.
This problem is addressed in my article "jQuery Plugins not working after ASP.Net AJAX UpdatePanel Partial PostBack or when Asynchronous request is over".
Here Mudassar Ahmed Khan has explained with an example, how to implement jQuery UI DatePicker (Calendar) with ASP.Net TextBox with ReadOnly property set to true.
When TextBox is set ReadOnly true, its value is not available on Server Side (Code Behind) and hence we need to make use of the Request.Form collection to fetch the value of jQuery DatePicker (Calendar).
Here Mudassar Ahmed Khan has explained how to solve the problem of jQuery DatePicker not working inside ASP.Net AJAX UpdatePanel after UpdatePanel’s Asynchronous request or Partial PostBack is completed.
This problem is addressed in my article "jQuery Plugins not working after ASP.Net AJAX UpdatePanel Partial PostBack or when Asynchronous request is over".
Here Mudassar Ahmed Khan has explained how to get the Selected Item value from jQuery Autocomplete TextBox in ASP.Net using C# and VB.Net.
Here Mudassar Ahmed Khan has explained with example, how to implement and populate jQuery AutoComplete TextBox using Generic Handler in ASP.Net using C# and VB.Net.
1 Comments   12699 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement and populate jQuery AutoComplete TextBox from database using AJAX PageMethods in ASP.Net using C# and VB.Net.
0 Comments   2009 Views
Here Mudassar Ahmed Khan has explained with example, how to Zoom in and Zoom out Text (Change Text size) using JavaScript and jQuery.
Here he has shown how to change i.e. Zoom in or Zoom out the Text 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 Zoom In or Zoom out Text size for improved readability.
0 Comments   4703 Views
jQuery   HTML   Div
Here Mudassar Ahmed Khan has explained how to change Background Image of HTML DIV with Fade In and Fade Out animation using jQuery.
Here Mudassar Ahmed Khan has explained how to implement Password Strength validation for Password TextBox with examples in JavaScript and jQuery.
The Password strength validation in JavaScript and jQuery will be performed using Regular Expressions (Regex).
0 Comments   15135 Views
Here Mudassar Ahmed Khan has explained with an example, how to open (display) PDF File inside jQuery Dialog Modal Popup Window.
The PDF file will be embedded inside jQuery Dialog Modal Popup Window using OBJECT Tag.
0 Comments   8834 Views
Here Mudassar Ahmed Khan has explained how to enable and disable a TextBox when CheckBox is clicked i.e. 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 TextBox will be enabled or disabled.
Here Mudassar Ahmed Khan has explained with an example, how to display (show) GridView inside jQuery Dialog Modal Popup Window in ASP.Net using C# and VB.Net.
This article will also explain how to keep the jQuery Dialog Modal Popup Window when paging in ASP.Net GridView.
0 Comments   3236 Views
Here Mudassar Ahmed Khan has explained with an example, how to delete (remove) all rows from an HTML Table except First (Header) row using JavaScript and jQuery.
0 Comments   3036 Views
Here Mudassar Ahmed Khan has explained with an example, how to delete (remove) all rows from an HTML Table except First and Second row using JavaScript and jQuery.
Here Mudassar Ahmed Khan has explained with an example, how to implement mutually exclusive CheckBoxList (CheckBoxes) inside GridView in ASP.Net using JavaScript and jQuery.
Mutually exclusive CheckBoxList means when one CheckBox is checked, all other CheckBoxes present in the CheckBoxList will be unchecked.
0 Comments   6910 Views
Here Mudassar Ahmed Khan has explained with an example, how to check whether a CheckBox is checked (selected) or not selected (unchecked) using JavaScript and jQuery.
0 Comments   10506 Views
Here Mudassar Ahmed Khan has explained with an example, how to show and hide HTML DIV with TextBox based on DropDownList (HTML SELECT) selected value (selection) using JavaScript and jQuery.
When an option is selected in DropDownList then based on its selected value (selection), the HTML DIV with TextBox will be shown or hidden.
Here Mudassar Ahmed Khan has provided an example to animate jQuery ScrollTop function i.e. how to implement jQuery ScrollTop with animation.
Here Mudassar Ahmed Khan has explained with an example, how to implement Drag and Drop functionality between two DIVs using jQuery.
The contents of the DIV will be made draggable and Droppable using the jQuery UI Draggable and Droppable plugins.
Here Mudassar Ahmed Khan has with an example, how to use jQuery $(document).ready event handler with ASP.Net AJAX UpdatePanel.
The jQuery $(document).ready event handler works when page loads, but after ASP.Net AJAX UpdatePanel Partial PostBack it does not get called.
0 Comments   3330 Views
Here Mudassar Ahmed Khan has explained with an example, how to display after the file is selected (selecting file name) in HTML Input FileUpload.
The image will be displayed directly from the HTML Input FileUpload using the DXImageTransform filter CSS property and HTML5 FileReader API.
0 Comments   1224 Views
Here Mudassar Ahmed Khan has explained with an example, how to make the HTML5 Placeholder attribute Cross Browser supported using jQuery i.e. make the HTML5 Placeholder attribute also work in browsers that do not support HTML5 using jQuery.
Earlier versions of browsers such as Internet Explorer versions IE7, IE8, IE9, etc. do not support HTML5 and hence the Placeholder attribute does not work even if specified.
Thus in browsers that do not support HTML5 Placeholder attribute, the functionality of HTML5 Placeholder attribute is mimicked with the help of jQuery ASPSnippets Placeholder plugin.
0 Comments   2767 Views
Here Mudassar Ahmed Khan has explained with an example, how to avoid / prevent / disable double click on Submit button using JavaScript and jQuery.
When user double clicks any Button, it results in duplicate operations and hence to avoid such behavior as soon as the Submit Button is clicked, it is disabled using JavaScript or jQuery to avoid / prevent / disable double click on Submit button using JavaScript and jQuery.
0 Comments   3233 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically add Rows and Cells in an HTML Table using jQuery.
0 Comments   12235 Views
Here Mudassar Ahmed Khan has explained with an example, how to show Loading (Busy) Indicator (Spinner) with Overlay GIF image with jQuery AJAX calls.
Loading (Busy) Indicator (Spinner) with Overlay GIF Image is used to display the progress of the jQuery AJAX call and it will be shown to the user when the jQuery AJAX call is started and will hide once the jQuery AJAX call is completed.
0 Comments   1405 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery ajaxSetup function when making jQuery AJAX calls.
The jQuery ajaxSetup function allows to specify the common default values for the jQuery AJAX requests.
0 Comments   2195 Views
Here Mudassar Ahmed Khan has explained with an example, how to get count (number) of rows in ASP.Net GridView using jQuery.
This article will explain how to get the total count of the number of rows in ASP.Net GridView and also how to get the count of the number of all rows except the First (Header) row in ASP.Net GridView using jQuery.
0 Comments   5784 Views
Here Mudassar Ahmed Khan has explained with an example, how to get count (number) of rows in HTML Table using JavaScript and jQuery.
This article will explain how to get the total count of the number of rows in HTML Table and also how to get the count of the number of all rows except the First (Header) row in HTML Table using JavaScript and jQuery.
0 Comments   7999 Views
Here Mudassar Ahmed Khan has explained with an example, how to populate ASP.Net Repeater client side by fetching DataSet or DataTable from server as XML using jQuery AJAX.
Using jQuery AJAX and WebMethod, the records will be fetched using DataSet received as XML string and then the XML string will be used to populate the ASP.Net Repeater on Client Side using jQuery.
Here Mudassar Ahmed Khan has explained with an example, how to perform Password and Confirm Password validation for Password TextBox using JavaScript and jQuery.
The values of the Password and Confirm Password TextBoxes are compared using JavaScript and jQuery and if the values do not match an error message is displayed.
0 Comments   5474 Views
Here Mudassar Ahmed Khan has explained with an example, how to make Repeater responsive so that it fits and adjusts itself to look good in Mobile Phone, Tablet and Desktop displays in ASP.Net using jQuery.
The ASP.Net Repeater will be rendered as HTML Table and hence in order to make the Repeater responsive, the Footable jQuery plugin (which is also compatible with Bootstrap design) will be used.
0 Comments   1062 Views
Here Mudassar Ahmed Khan has explained with an example, how to use Enum (Enumeration) with jQuery.
Here Mudassar Ahmed Khan has explained with an example, how to implement Password complexity validation in JavaScript and jQuery.
The Password complexity validation in JavaScript and jQuery will be performed using Regular Expressions (Regex).
Here Mudassar Ahmed Khan has explained with an example, how to implement check uncheck all (select unselect all) CheckBoxes functionality in ASP.Net Repeater control using JavaScript and jQuery.
When the header row Checkbox is checked (selected), all the row CheckBoxes will be checked (selected) and vice versa. When any row CheckBox is unchecked (unselected), the header row Checkbox is also unchecked (unselected).
Here Mudassar Ahmed Khan has explained with an example, how to implement check uncheck all (select unselect all) CheckBoxes functionality in ASP.Net DataList control using JavaScript and jQuery.
When the header Checkbox is checked (selected), all the CheckBoxes in DataList will be checked (selected) and vice versa. When any CheckBox in DataList is unchecked (unselected), the header Checkbox is also unchecked (unselected).
1 Comments   10534 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform select, insert, edit, update and delete operations in GridView using jQuery AJAX in ASP.Net using C# and VB.Net.
This process is also known as CRUD i.e. Create, Read, Update and Delete in GridView using jQuery AJAX in ASP.Net.
0 Comments   3572 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically Show Hide GridView Columns on CheckBox Checked Unchecked respectively using jQuery in ASP.Net.
0 Comments   3021 Views
Here Mudassar Ahmed Khan has explained with an example, how to use ClientScript and ScriptManager RegisterClientScriptBlock and RegisterStartupScript functions in Static WebMethod in ASP.Net using C# and VB.Net.
It is not possible to use ClientScript and ScriptManager RegisterClientScriptBlock and RegisterStartupScript functions in Static WebMethod and hence the solution is to call the JavaScript function inside the success method of the AJAX call.
0 Comments   3929 Views
Here Mudassar Ahmed Khan has explained with an example, how to change the URL in browser address bar without reloading or refreshing the page using HTML5 History API in JavaScript and jQuery.
HTML5 History API allows browsers to change the URL in browser address bar without reloading or refreshing the page using pushState function.
Here Mudassar Ahmed Khan has explained with an example, how to display (show) in ToolTip on MouseHover using jQuery in ASP.Net jQuery SimpleTip ToolTip jQuery Plugin in ASP.Net.
0 Comments   2768 Views
Here Mudassar Ahmed Khan has explained with an example, how to display (show) jQuery UI Dialog Modal Popup box after PostBack in ASP.Net using C# and VB.Net.
The jQuery UI Dialog Modal Popup box will be displayed from Server Side after the PostBack is completed in ASP.Net.
0 Comments   1991 Views
Here Mudassar Ahmed Khan has explained with an example, how to display (show) jQuery UI Dialog Modal Popup box after ASP.Net AJAX UpdatePanel Partial PostBack is completed in ASP.Net using C# and VB.Net.

The jQuery UI Dialog Modal Popup box will be displayed from Server Side after the ASP.Net AJAX UpdatePanel Partial PostBack is completed in ASP.Net.
0 Comments   3380 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup box with ASP.Net AJAX UpdatePanel in ASP.Net using C# and VB.Net.
Here Mudassar Ahmed Khan has explained with an example, how to Open (Show) jQuery UI Dialog Modal Popup box on Button Click.
The jQuery UI Dialog Modal Popup box will be shown (opened) on Button Click using the jQuery Dialog “open” command.
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup box with AutoOpen property set to False.
Here Mudassar Ahmed Khan has explained with an example, how to automatically close jQuery UI Dialog Modal Popup box after delay of 5 seconds (some seconds) using the JavaScript setTimeout function.
Here Mudassar Ahmed Khan has explained with an example, how to open jQuery UI Dialog Modal Popup box after delay of 2 seconds (some seconds) using the JavaScript setTimeout function.
Here Mudassar Ahmed Khan has explained with an example, how to use and show Custom Buttons with jQuery UI Dialog Modal Popup box.
This article will also explain how to attach event handlers to the Custom Buttons inside the jQuery UI Dialog Modal Popup box.
Here Mudassar Ahmed Khan has explained with an example, how to change the Text (Label) of default Buttons in jQuery UI Dialog Modal Popup box.
By default, jQuery UI Dialog Modal Popup box has only two Buttons OK and Cancel, but it has provision to add Custom Buttons.
Here Mudassar Ahmed Khan has explained with an example, with an example, how to add multiple Buttons to jQuery UI Dialog Modal Popup box.
The jQuery UI Dialog Modal Popup box has provision to add multiple custom Buttons using the Buttons property.
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup as Confirmation Box in ASP.Net using C# and VB.Net.
The jQuery UI Dialog Modal Popup can be configured to work as the JavaScript Confirmation Box by using Custom Buttons.
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup as Yes No Confirmation Box in ASP.Net using C# and VB.Net.
The jQuery UI Dialog Modal Popup can be configured to work as the JavaScript Yes No Confirmation Box by using Custom Buttons.
Here Mudassar Ahmed Khan has explained how to solve the exception (error) occurring during AJAX calls in ASP.Net i.e. Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property.
The above exception (error) occurs in ASP.Net when AJAX calls are made to PageMethods (WebMethods) using jQuery AJAX or ScriptManager and the length of the AJAX Response exceeds the default predefined limit of 2097152 characters i.e. 4 MB.
Here Mudassar Ahmed Khan has explained a basic tutorial with example, how to use and display jQuery UI Dialog Modal Popup Window (Box) on your web page.
The jQuery UI Dialog Modal Popup box will be shown on Button Click.
Here Mudassar Ahmed Khan has explained with an example, how to close (hide) jQuery UI Dialog Modal Popup box when outside (Overlay Background) is clicked.
When the user clicks outside the jQuery UI Dialog Modal Popup box i.e. on the Overlay Background, the jQuery UI Dialog Modal Popup box is closed (hidden) using the jQuery Dialog “close” command.
Here Mudassar Ahmed Khan has explained with an example, how to close (hide) jQuery UI Modal Popup box after AJAX Call is successful (completed).
0 Comments   4121 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Nested Repeater controls i.e. Child Repeater inside Parent Repeater with example in ASP.Net using C# and VB.Net.
In this example of Nested Repeaters, the parent Repeater is populated with Customer records and the Child Repeater will be populated Orders for each Customer when the Expand icon is clicked.
0 Comments   1392 Views
Here Mudassar Ahmed Khan has explained with an example, how to solve the error occurring in jQuery i.e. Uncaught TypeError: Cannot read property 'msie' of undefined.
The error Uncaught TypeError: Cannot read property 'msie' of undefined occurs when newer versions of jQuery are being used.
0 Comments   2233 Views
Here Mudassar Ahmed Khan has explained with an example, how to solve the error (exception) i.e. Invalid object passed in ' ' or ' ' expected which occurs when using jQuery AJAX in ASP.Net with C# and VB.Net.
The error (exception) “Invalid object passed in ' ' or ' ' expected” generally occurs when single quotes or double quotes appears in string values passed as parameters to the server side.
0 Comments   3794 Views
Here Mudassar Ahmed Khan has explained with an example, how to solve the problem when Single Quotes appear in the parameter values when using jQuery AJAX i.e. how to escape Single Quotes when using jQuery AJAX.
The solution to this problem is to serialize the JSON string using JSON2 Stringify method and then pass as parameter to the WebMethod.
0 Comments   1868 Views
Here Mudassar Ahmed Khan has explained with an example, how to Stop (Disable) Drag (Turn off Draggable) in jQuery UI Dialog Modal Popup box.
The Draggable feature can be turned off in jQuery UI Dialog Modal Popup box using the draggable option.
0 Comments   3040 Views
Here Mudassar Ahmed Khan has explained with an example, how to add (append) Row (TR) to Table TBODY using jQuery.

A JSON Array will be iterated and dynamically Row (TR) will be added (appended) to the Table TBODY using jQuery.
0 Comments   1469 Views
Here Mudassar Ahmed Khan has explained with an example, how to save HTML5 Drawing as Image using Canvas toDataURL function.
The drawing will be done using the jQuery Sketch plugin’s HTML5 Canvas Sketchpad (Drawing) App and later the drawing will be saved as an Image using the HTML5 Canvas toDataURL function.
0 Comments   1490 Views
Here Mudassar Ahmed Khan has explained with an example, how to capture Signatures online on Web Page, IPads, Mobile Phones or Tables using HTML5 Canvas and jQuery Sketch Plugin.
0 Comments   3149 Views
Here Mudassar Ahmed Khan has explained with an example, how to use HTML5 Canvas for Graphing and Data Visualization.

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.
0 Comments   1515 Views
Here Mudassar Ahmed Khan has explained with an example, how to convert (save) HTML5 Canvas to Image using Canvas toDataURL function in JavaScript.
1 Comments   10633 Views
Here Mudassar Ahmed Khan has explained with an example, how to populate / bind / fill ASP.Net DropDownList using jQuery AJAX and JSON in C# and VB.Net.
The ASP.Net DropDownList items (options) will be populated by fetching data from database in JSON format by calling WebMethod (PageMethod) using jQuery AJAX in ASP.Net.
0 Comments   4789 Views
Here Mudassar Ahmed Khan has explained with an example, how to populate / bind / fill ASP.Net ListBox using jQuery AJAX and JSON in C# and VB.Net.
The ASP.Net ListBox items (options) will be populated by fetching data from database in JSON format by calling WebMethod (PageMethod) using jQuery AJAX in ASP.Net.
0 Comments   2984 Views
Here Mudassar Ahmed Khan has explained with an example, how to disable Button and Submit button after one click using JavaScript and jQuery.
Here Mudassar Ahmed Khan has explained with an example, how to close (hide) jQuery UI Modal Popup box after AJAX Call is successful (completed).
0 Comments   2061 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery on() method instead of jQuery live() function or in other words replace jQuery live() function instead of jQuery on() method.
jQuery 1.9+ onwards jQuery live() function has been removed and hence an alternative i.e. jQuery on() needs to be used.
0 Comments   5119 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Bootstrap AutoComplete TextBox using jQuery TypeAhead plugin in ASP.Net with C# and VB.Net.
The Bootstrap AutoComplete TextBox will be populated with records from database table using jQuery AJAX and WebMethod (PageMethod) in ASP.Net.
Here Mudassar Ahmed Khan has explained how to resolve the following error occurring during jQuery AJAX call.
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help http://xhr.spec.whatwg.org/.
Here Mudassar Ahmed Khan has explained with an example, how to implement Bootstrap style DropDownList in ASP.Net using the jQuery Bootstrap Multi-Select Plugin.
The Bootstrap style DropDownList will have Multiple Select (MultiSelect) options i.e. user can select multiple items (options) with the help of CheckBoxes and hence instead of DropDownList, ListBox control will be used.
0 Comments   3067 Views
Here Mudassar Ahmed Khan has explained with an example, the difference between Synchronous call and Asynchronous call in jQuery AJAX.
Synchronous AJAX call is made when async setting of jQuery AJAX function is set to false while Asynchronous AJAX call is made when async setting of jQuery AJAX function is set to true. Default value of the async setting of jQuery AJAX function is true.
Here Mudassar Ahmed Khan has explained with an example, how to add ToolTip to ASP.Net DropDownList Items (Options) using JavaScript and jQuery.
The ToolTip is dynamically added to each item by setting the HTML Title attribute of the each item (option) of the ASP.Net DropDownList using JavaScript and jQuery.
0 Comments   307 Views
Here Mudassar Ahmed Khan has explained with an example, how to bind (populate) Repeater control with JSON object using jQuery AJAX in ASP.Net using C# and VB.Net.
Using jQuery AJAX and WebMethod, the records will be fetched from database into a Generic list of property class object which will be received as JSON object on Client Side and then that JSON object will be used to populate the ASP.Net Repeater on Client Side using jQuery.