Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Disable submit button after click... why isn't this easy?

Status
Not open for further replies.

ESquared

Programmer
Dec 23, 2003
6,129
0
0
US
I have been blessed to be given a huge legacy of web code written in Visual InterDev 6.0. We are having a problem with duplicate orders being submitted when users click submit multiple times. I assumed this would be an easy fix... just disable the button on the first click, right?

Well, I couldn't figure it out. So we assigned it to the previously-senior-but-now-parttime-programmer who wrote most of the stuff in the first place and SHE couldn't figure it out.

I searched the web and tek-tips and FAQs fruitlessly. The question is too specific, or too vague, or something, to be susceptible to easy search terms.

My company understandably doesn't want me to spend days on such a simple problem, coming up to speed on all the ins and outs of interdev controls and writing/rewriting ASPs just to fix what should be a simple problem. I would really appreciate anyone's help.

The pages are VB .ASP and the submit button is some special Microsoft control and looks like this in the source page:

[tt]<!--METADATA TYPE="DesignerControl" startspan
<OBJECT
classid="clsid:B6FC3A14-F837-11D0-9CC8-006008058731"
height=27 id=btnSubmit
style="HEIGHT: 27px; LEFT: 0px; TOP: 0px; WIDTH: 206px"
width=206>
<PARAM NAME="_ExtentX" VALUE="5450">
<PARAM NAME="_ExtentY" VALUE="714">
<PARAM NAME="id" VALUE="btnSubmit">
<PARAM NAME="Caption" VALUE="">
<PARAM NAME="Image" VALUE="images/ButtonSubmit.gif">
<PARAM NAME="AltText" VALUE="Submit this new order.">
<PARAM NAME="Visible" VALUE="-1">
<PARAM NAME="Platform" VALUE="0">
<PARAM NAME="LocalPath" VALUE="">
</OBJECT>
-->
<!--#INCLUDE FILE="_ScriptLibrary/Button.ASP"-->
<SCRIPT LANGUAGE=JavaScript RUNAT=Server>
function _initbtnSubmit()
{
btnSubmit.src = 'images/ButtonSubmit.gif';
btnSubmit.alt = 'Submit this new order.';
btnSubmit.setStyle(1);
}
function _btnSubmit_ctor()
{
CreateButton('btnSubmit', _initbtnSubmit, null);
}
</script>
<% btnSubmit.display %>

<!--METADATA TYPE="DesignerControl" endspan-->[/tt]


The event handler looks like this:

[[tt]<SCRIPT ID=serverEventHandlersVBS LANGUAGE=vbscript RUNAT=Server>
Sub btnSubmit_onclick()
{Code to submit order here}
End Sub
</SCRIPT>[/tt]


When visiting the page, the client page source shows the control rendered thus:

[[tt]<A href="javascript:thisPage._fireEvent('btnSubmit','onclick');"><IMAGE border=0 name="btnSubmit" id="btnSubmit" src="images/ButtonSubmit.gif" alt="Submit this order.">[/tt]

The easiest way to fix this, I thought, would be to disable the submit button. But, I don't have access to the inner javascript of the control when it is displayed or I'd just disable it from the client side:

[tt]"javascript:[/tt][tt]{control.visible=false or something!}[/tt][tt];thisPage._fireEvent('btnSubmit','onclick');"[/tt]

So then I tried putting server-side code at the top of the btnSubmit_onclick event to disable or make the button invisible.

[tt]document.getElementById("lblresubmit").style.visibility = "visible"[/tt]

Didn't work. I realized it probably had to be a client action. So I tried

[tt]Response.Write "<SCRIPT language=vbscript>document.getElementById('lblresubmit').style.visibility = 'invisible'</SCRIPT>"[/tt]

(Well... I don't know if the syntax above is correct, but I did do it right when I was trying it.)

Which 'works' but the problem is that when you click the submit button, it refreshes the page, and the response.write output ends up being first in the source, before <HTML>, when there IS no control yet.

I can think of several methods to prevent actual submission of the second and subsequent orders, but the best thing would be to disable the button (while it waits for a response from the server which loads a new page).

Ready to tear my hair out,

-E²

P.S. Thank you very much for your time!!!
 
Hi,

I'm still stuck on this and need help...
 
It needs to happen client-side, because that's where the user is pressing the button, so the code to disable the button would need to go in the onClick procedure.

There isn't a visible property, but there is a disabled one: btnSubmit.disabled = true

Without seeing the thisPage._fireEvent function, I wouldn't like to say how you would refer to the button.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top