Ajax ImageButton For Asp.Net

Click the image button to change the label text.
Move the your mouse over or out of the image button to chagen the label text.

AsyncImageButton (RenderMode = Button):

AsyncImageButton (RenderMode = Image):

The AsyncImageButton provides you with a world-class, Aync-Enabled image button only rivaled by your native OS. It's one of three AsyncWebControls that gives you a simple interface that allows you to control each AsyncCallback and sort. Providing you with more than one way to position the text and the image, you can really use this image button as it was intended. And since its an AsyncCommandControl and an AsyncSortControl you can have your cake and eat it to. If you like customizing the look and feel of buttons this control is for you.

Change it's Text value during an AsyncCallback.
Change it's image during an AsyncCallback.
Can be focused during an AsyncCallback.
Allows you to easily receive OnClick, OnCommand, OnMouseOver, and OnMouseOut events.
Its an AsyncWebControl, which means that you can change it's visibility, CSS class, Left/Top coordinate, Width/Height, and ForeColor/BackColor, during an AsyncCallback.
Supports many of the other properties provided by asp:ImageButton.
Functions as a regular server control if the browser does not support asynchronus operations, allowing you to support legacy browsers.

<%@ Register Assembly="AsyncControls" Namespace="DelvingWare.AsyncControls" TagPrefix="dw" %>

AsyncImageButton (RenderMode = Button):
<br/>
<dw:AsyncImageButton runat="server" ID="imgbtMain"
RenderMode="Button"
OnMouseOut="imgbtMain_MouseOut" 
OnMouseOver="imgbtMain_MouseOver" 
OnClick="imgbtMain_Click" 
ImageUrl="../images/imageIcon.gif" 
Width="130" 
Height="53"
Align="Left" 
TextAlign="Right" 
Text="Click Me"  
Title="Click AsyncImageButton" 
CssClass="asyncImageButton" 
DisableDuringCallback="false" />

<p />

AsyncImageButton (RenderMode = Image):
<br />
<dw:AsyncImageButton runat="server" ID="imgbtMain2"
OnMouseOut="imgbtMain_MouseOut" 
OnMouseOver="imgbtMain_MouseOver" 
OnClick="imgbtMain_Click" 
ImageUrl="../images/imageIcon.gif" 
Width="53" 
Height="53"
Text="Click Me"  
Title="Click AsyncImageButton" 
CssClass="asyncImageButton" 
DisableDuringCallback="false" />

<dw:AsyncLabel runat="server" ID="lblMain" 
RenderMode="bold" />

using System;
using DelvingWare.AsyncControls;
...
protected void imgbtMain_MouseOut( object sender, AsyncEventArgs ae )
{
    // update the AsyncLabel
    lblMain.Text = "Mouse out.";
}

protected void imgbtMain_MouseOver( object sender, AsyncEventArgs ae )
{
    // update the AsyncLabel
    lblMain.Text = "Mouse over.";
}

protected void imgbtMain_Click( object sender, AsyncEventArgs ae )
{
    // update the AsyncLabel
    lblMain.Text = "Clicked.";
}

Imports System
Imports DelvingWare.AsyncControls
...

Protected Sub imgbtMain_MouseOut(ByVal sender As Object, ByVal ae As AsyncEventArgs)
    ' update the AsyncLabel
    lblMain.Text = "Mouse out."
End Sub

Protected Sub imgbtMain_MouseOver(ByVal sender As Object, ByVal ae As AsyncEventArgs)
    ' update the AsyncLabel
    lblMain.Text = "Mouse over."
End Sub

Protected Sub imgbtMain_Click(ByVal sender As Object, ByVal ae As AsyncEventArgs)
    ' update the AsyncLabel
    lblMain.Text = "Clicked."
End Sub

.asyncImageButton {
    color: black;
}