Click here to Skip to main content
12,827,730 members (47,063 online)
Click here to Skip to main content
Add your own
alternative version


72 bookmarked
Posted 29 Jul 2002

HTML Wait-Confirm Button Server Control

, 29 Jul 2002
Rate this:
Please Sign up or sign in to vote.
An article showing a quick way to create a custom control that will prompt the user before submitting, and then will change the text of the button to "Please Wait.." and the mouse cursor will change to an hourglass.
<!-- Download Links --> <!-- Add the rest of your HTML here -->


I'm providing the source code for a simple derived control that will add some useful functionality. Our goal is to make a submit button that prompts for confirmation before submitting, and if the user confirms then change the text on the button and change the mouse cursor to an hourglass. It has only been tested in Internet Explorer versions 5-6.

There are really only a few sections. The first thing needed is to create a compiled class file that will contain the instructions to write out the client side javascript, write out the html button, and modify the button to run the javascript when clicked.

The javascript we are going to be creating will look like this:

<script language="javascript">
function __doConfirm(btnWaiter) {
if (confirm("Save changes to database?")) {
 btnWaiter.setAttribute("value","Please Wait...");"wait";
 return true;
} return false; }

Our button will call this boolean function (return __doconfirm(this);) and only submit if it returns true.

Might as well get right to the code. Our class file will look like this, overriding the OnPreRender event to register the script and set the onclick attribute to call the client side function.

Public Class ConfirmWaitButton
    Inherits System.Web.UI.WebControls.Button

    Public _Message As String

    Public Property Message() As String
            Return _Message
        End Get
        Set(ByVal Value As String)
            _Message = Value
        End Set
    End Property

    Protected Overrides Sub OnPreRender(ByVal e As EventArgs)
        Page.RegisterClientScriptBlock( _
         "__doAlert", _
         "<script language="" javascript"">" & vbCrLf & _
         "<!--" & vbCrLf & _
         "function __doConfirm(btnWaiter) {" & vbCrLf & _
         "if (confirm(""" & _Message & """)) {" & vbCrLf & _
         " btnWaiter.setAttribute(""value"",""Please Wait..."");" & vbCrLf & _
         """wait"";" & vbCrLf & _
         " return true;" & vbCrLf & _
         "} return false; }" & vbCrLf & _
         "-->" & vbCrLf & _
         "</script>" _

        Me.Attributes("onclick") = "return __doConfirm(this);"

    End Sub

End Class

And there it is! that's all it takes to create your own wait/confirm button. Add this as a class file to your VS.NET project and add one to a page like this:

<%@ Register TagPrefix="MG" Namespace="vbProject" Assembly="vbProject" %>

<MG:ConfirmWaitButton id="btnConfirmUpdate" runat="server" Text="Update" 
                         Message="Save changes to database?">

You will have access to all of the System.Web.UI.WebControls.Button's events, such as OnClick(). That's it!


This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


About the Author

Michael Griffith
Web Developer
United States United States
No Biography provided

You may also be interested in...


Comments and Discussions

GeneralMy vote of 5 Pin
manoj kumar choubey7-Feb-12 20:23
membermanoj kumar choubey7-Feb-12 20:23 
QuestionHow to pass the _Message value? Pin
yaroopig31-May-06 17:29
memberyaroopig31-May-06 17:29 
Questionhow to create a dynamic button and call event Onclick ? Pin
hominhduc28-Mar-06 7:18
memberhominhduc28-Mar-06 7:18 
GeneralUsing this concept with an Image Button Pin
JP0118-Mar-06 12:11
memberJP0118-Mar-06 12:11 
GeneralI did't get it Pin
wilsongb30-Apr-04 3:27
memberwilsongb30-Apr-04 3:27 
QuestionHow to register the dll outside Visual Studio Pin
Zach Baker9-Apr-04 23:13
memberZach Baker9-Apr-04 23:13 
GeneralConfirm Button Pin
J Stocks2-Apr-04 20:27
sussJ Stocks2-Apr-04 20:27 
Questionhow to use confirm button ? Pin
susree16-Oct-03 3:17
membersusree16-Oct-03 3:17 
GeneralWait-Confirm Button Pin
Eric Trinidad10-Oct-03 9:01
memberEric Trinidad10-Oct-03 9:01 
Generalcracking ibm hard dive paswsword Pin
brain david9-Sep-03 2:23
memberbrain david9-Sep-03 2:23 
QuestionCheckboxes on a list?? Pin
Anonymous8-Aug-03 16:36
sussAnonymous8-Aug-03 16:36 
GeneralDisable button too Pin
Anonymous27-Jun-03 4:20
sussAnonymous27-Jun-03 4:20 
General578 Pin
Anonymous22-Jun-03 22:09
sussAnonymous22-Jun-03 22:09 
QuestionHow to do a please wait Pin
Anonymous26-Feb-03 5:03
sussAnonymous26-Feb-03 5:03 
GeneralAdapted your code for C# Pin
zoltix5-Feb-03 7:24
memberzoltix5-Feb-03 7:24 
GeneralLooing for a Page Loading ...... solution Pin
Lman29-Jan-03 7:10
memberLman29-Jan-03 7:10 
GeneralRe: Looing for a Page Loading ...... solution Pin
Anonymous27-May-03 1:18
sussAnonymous27-May-03 1:18 
Generalmultiple buttons on page Pin
mgriffith31-Jul-02 9:53
membermgriffith31-Jul-02 9:53 
GeneralNeeds to handle special chars in _Message Pin
Richard_D30-Jul-02 1:18
memberRichard_D30-Jul-02 1:18 
GeneralBroken when combined with validations controls Pin
Pete Bassett30-Jul-02 0:16
memberPete Bassett30-Jul-02 0:16 
GeneralRe: Broken when combined with validations controls Pin
Andy Smith30-Jul-02 7:14
memberAndy Smith30-Jul-02 7:14 
GeneralRe: Broken when combined with validations controls Pin
mgriffith30-Jul-02 13:00
membermgriffith30-Jul-02 13:00 
GeneralRe: Broken when combined with validations controls Pin
Pete Bassett31-Jul-02 0:42
memberPete Bassett31-Jul-02 0:42 
GeneralRe: Broken when combined with validations controls Pin
Andy Smith31-Jul-02 5:45
memberAndy Smith31-Jul-02 5:45 
GeneralRe: Broken when combined with validations controls Pin
Anonymous12-Feb-03 5:24
sussAnonymous12-Feb-03 5:24 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170326.1 | Last Updated 30 Jul 2002
Article Copyright 2002 by Michael Griffith
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid