AJAX Tutorials

Calling Web Services in Client Script using ASP.NET AJAX

25 September 2009
23244 Views

Web Services play an important role in data transport and communication between the client the server. Web services reside on the server and wait to be called by any client and most of the time these clients are written in server side technologies such as ASP.NET, PHP or JSP etc. ASP.NET AJAX provides web developers ability to call web services from the client side language such as JavaScript asynchronously to improve the user experience and to avoid full page refresh and postback. In this tutorial, I will show you how you can call an ASP.NET web service with the help of ASP.NET AJAX.
Calling Web Services in Client Script using ASP.NET AJAX

Using ASP.NET AJAX ModelPopupExtender from Server Side

08 September 2009
27609 Views

In my first tutorial on ASP.NET AJAJX ModelPopupExtender control I have shown you how you can display model dialog boxes in ASP.NET with client side JavaScript behavior. In this tutorial, I will show you how you can use ModelPopupExtender control with server side post backs so that when user performs any action in the dialog box such as button click you can execute code in code behind file on the server.
Using ASP.NET AJAX ModelPopupExtender from Server Side


Using ASP.NET AJAX ModelPopupExtender from Client Side

08 September 2009
22930 Views

Model dialog boxes are very common these days not only in Windows applications but also in web applications. They allow web developers to open new popup windows on the same page without creating a new web page. These popup windows typically ask user some input and temporarily disable the page unless the user dismisses the dialog box. ASP.NET developers can use ModelPopupExtender control available in ASP.NET AJAX controls toolkit to implement model dialog behavior in their web applications. In this tutorial, I will show you how you can use ModelPopupExtender control with client side behavior so that when user performs any action in the dialog box such as button click there is no post back to the server.
Using ASP.NET AJAX ModelPopupExtender from Client Side

Using ASP.NET AJAX HoverMenu Control with GridView

04 September 2009
44323 Views

ASP.NET AJAX Controls Toolkit provides many useful controls to ASP.NET developers to build modern rich internet applications. One such control is HoverMenu control that enables you to attach popup menu with any ASP.NET control. It can be used as a simple tooltip which can be attached with a TextBox and showing users what they are suppose to enter in the textbox or like many modern ecommerce shopping applications, it can be used to display larger image of the product when user move mouse on the product thumbnail image. In this tutorial, I will show you how to achieve this functionality using HoverMenu and GridView controls.
Using ASP.NET AJAX HoverMenu Control with GridView

Using ASP.NET AJAX Accordion Control

10 August 2009
23340 Views

ASP.NET AJAX Controls Toolkit contains many useful controls which you can use to provide rich user interface for your website. One such control is Accordion control that allows you to provide outlook style user interface by showing one of the multiple panes. It can be used to create expandable/collapsible navigation bars or to display page contents which user can expand and collapse to view one pane at a time. In this tutorial I will show you how you can implement Accordion control in your ASP.NET websites.
Using ASP.NET AJAX Accordion Control

Display GridView Row Details using ASP.NET AJAX Popup Control

16 July 2009
101215 Views

When you display records using ASP.NET GridView control it displays all the columns on the page and often you want to display only few columns in GridView due to the available space on the page. You can easily achieve this functionality by adding your own columns declaratively in the GridView control. But if you want to display other columns in a popup window for each row in the GridView control you need to use AJAX Popup Control with the GridView. In this tutorial I will show you how you can display GridView row details using ASP.NET AJAX Popup control extender.
Display GridView Row Details using ASP.NET AJAX Popup Control

ASP.NET AJAX TextBox Watermark Control

30 June 2009
26687 Views

ASP.NET AJAX TextBox Watermark Extender control can be attached to an ASP.NET TextBox control to make it work as watermark TextBox. If TextBox is empty, it will display a message to the user with a custom CSS style. It user will type something in the TextBox that initial message will disappear. The main purpose of TextBox is to provide extra information to the user about the data required in the TextBox. In this tutorial I will show you how you can use ASP.NET AJAX TextBox Watermark Control in your ASP.NET Projects.
ASP.NET AJAX TextBox Watermark Control

Using ASP.NET AJAX Popup Control Extender

27 June 2009
83650 Views

ASP.NET AJAX Popup Control can be attached to any ASP.NET control to display additional contents in a popup window. The popup window can display either static contents just like tool tips or can be made more interactive with the help of AJAX UpdatePanel control. It can also have other ASP.NET controls inside which may or may not cause full or AJAX based asynchronous post backs using AJAX UpdatePanel. In this tutorial I will show you how you can use AJAX Popup Control Extender with server side ASP.NET controls.
Using ASP.NET AJAX Popup Control Extender

Using ASP.NET AJAX Timer Control

23 June 2009
12633 Views

ASP.NET AJAX UpdatePanel control allows you to divide your page into self-contained regions which can be updated asynchronously without a full page postback. However, this control assumes that the user must initiate the asynchronous request either by clicking a button or by using any other control. In some situations you might want to perform partial or full page updates without waiting for a user action such as stock or news tickers or dynamically updatable advertisements. In this tutorial I will show you how you can use ASP.NET AJAX Timer control to initiate asynchronous request and update your page contents automatically.
Using ASP.NET AJAX Timer Control

Using ASP.NET AJAX UpdateProgress Control

23 June 2009
26812 Views

When you perform AJAX bases asynchronous postback using ASP.NET UpdatePanel control it performs its job in the background and the user keep working with the other page elements and controls. This is generally what you want to for better user experience but sometimes you have an asynchronous request that takes little longer and you want to show user some visual indication that the request is being processed and the update is under way. In this tutorial I will show you how you can use UpdateProgress control available in ASP.NET AJAX server side controls gallery to simulate the progress indicators.
Using ASP.NET AJAX UpdateProgress Control