Click here to Skip to main content
Click here to Skip to main content

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 -->

Introduction

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...");
 document.body.style.cursor="wait";
 return true;
} return false; }
-->
</script>

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
        Get
            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 & _
         " document.body.style.cursor=""wait"";" & vbCrLf & _
         " return true;" & vbCrLf & _
         "} return false; }" & vbCrLf & _
         "-->" & vbCrLf & _
         "</script>" _
        )

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

        MyBase.OnPreRender(e)
    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?">
</MG:ConfirmWaitButton>

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

License

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

Share

About the Author

Michael Griffith
Web Developer
United States United States
No Biography provided

Comments and Discussions

 
GeneralMy vote of 5 Pinmembermanoj kumar choubey7-Feb-12 19:23 
QuestionHow to pass the _Message value? Pinmemberyaroopig31-May-06 16:29 
Questionhow to create a dynamic button and call event Onclick ? Pinmemberhominhduc28-Mar-06 6:18 
GeneralUsing this concept with an Image Button PinmemberJP0118-Mar-06 11:11 
GeneralI did't get it Pinmemberwilsongb30-Apr-04 2:27 
QuestionHow to register the dll outside Visual Studio PinmemberZach Baker9-Apr-04 22:13 
GeneralConfirm Button PinsussJ Stocks2-Apr-04 19:27 
Questionhow to use confirm button ? Pinmembersusree16-Oct-03 2:17 
GeneralWait-Confirm Button PinmemberEric Trinidad10-Oct-03 8:01 
Generalcracking ibm hard dive paswsword Pinmemberbrain david9-Sep-03 1:23 
QuestionCheckboxes on a list?? PinsussAnonymous8-Aug-03 15:36 
GeneralDisable button too PinsussAnonymous27-Jun-03 3:20 
General578 PinsussAnonymous22-Jun-03 21:09 
QuestionHow to do a please wait PinsussAnonymous26-Feb-03 4:03 
GeneralAdapted your code for C# Pinmemberzoltix5-Feb-03 6:24 
GeneralLooing for a Page Loading ...... solution PinmemberLman29-Jan-03 6:10 
GeneralRe: Looing for a Page Loading ...... solution PinsussAnonymous27-May-03 0:18 
Generalmultiple buttons on page Pinmembermgriffith31-Jul-02 8:53 
GeneralNeeds to handle special chars in _Message PinmemberRichard_D30-Jul-02 0:18 
GeneralBroken when combined with validations controls PinmemberPete Bassett29-Jul-02 23:16 
GeneralRe: Broken when combined with validations controls PinmemberAndy Smith30-Jul-02 6:14 
GeneralRe: Broken when combined with validations controls Pinmembermgriffith30-Jul-02 12:00 
GeneralRe: Broken when combined with validations controls PinmemberPete Bassett30-Jul-02 23:42 
GeneralRe: Broken when combined with validations controls PinmemberAndy Smith31-Jul-02 4:45 
GeneralRe: Broken when combined with validations controls PinsussAnonymous12-Feb-03 4:24 

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

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

| Advertise | Privacy | Mobile
Web03 | 2.8.140827.1 | Last Updated 30 Jul 2002
Article Copyright 2002 by Michael Griffith
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid