Design Q - Avoiding two clicks

[Ramsi]

My development environment is ASP.Net 1.1. Clicked event of a button has
lengthy procedure it will take 2 to 4 seconds to process the data.

My question is,

1.. If the user clicks the button again, will the clicked event called
again?
2.. If yes to the above question how to avoid these kinds of scenarios?
Thanks for your suggestions.
Ramsi

[Lucas Tam]

"Ramsi" <Ra********@hot mail.com> wrote in news:egDY$YxhEH A.1344
@TK2MSFTNGP11.p hx.gbl:

My development environment is ASP.Net 1.1. Clicked event of a button has
lengthy procedure it will take 2 to 4 seconds to process the data.

My question is,

1.. If the user clicks the button again, will the clicked event called
again?
Yes.
2.. If yes to the above question how to avoid these kinds of scenarios?
Thanks for your suggestions.

-Use javascript to disable the button
-Check if the current function is in progress? Maybe put a flag in the
database?

--
Lucas Tam (RE********@rog ers.com)
Please delete "REMOVE" from the e-mail address when replying.
http://members.ebay.com/aboutme/coolspot18/

[Ramsi]

Is it possible to disable a image button through the java script?
Thanks for your reply.
Ramsi
"Lucas Tam" <RE********@rog ers.com> wrote in message
news:Xn******** *************** ****@140.99.99. 130...

"Ramsi" <Ra********@hot mail.com> wrote in news:egDY$YxhEH A.1344
@TK2MSFTNGP11.p hx.gbl:

My development environment is ASP.Net 1.1. Clicked event of a button has
lengthy procedure it will take 2 to 4 seconds to process the data.

My question is,

1.. If the user clicks the button again, will the clicked event called
again?

Yes.

2.. If yes to the above question how to avoid these kinds of scenarios? Thanks for your suggestions.

-Use javascript to disable the button
-Check if the current function is in progress? Maybe put a flag in the
database?

--
Lucas Tam (RE********@rog ers.com)
Please delete "REMOVE" from the e-mail address when replying.
http://members.ebay.com/aboutme/coolspot18/

[John Hann]

Ramsi wrote:

Is it possible to disable a image button through the java script?
Thanks for your reply.
Ramsi

Yes and no. I do the following to build this sort of functionalty...
Instead of using an ImageButton for your button, use a LinkButton
instead. Be sure not to specify its text so it is not visible to the
user, and remap your ImageClick event handler to the new LinkButton.
Don't specify its Visible property, the default value of true is
required for this to work. Now, in place of your ImageButton, insert an
IMG tag for your button image. In your page, you will need to define a
javascript function that handles the clientside onClick event for this
IMG tag, and a global variable that tracks the "enabled" state of your
button. The client code should look something like this:

<script lang=javascript >
var GameEnabled = true;

function imgCommencePimp in_Click()
{
if (GameEnabled)
{
GameEnabled = false;
__doPostBack( 'lnkCommencePim pin', '');
}
}
</script>

<ASP:LinkButt on ID="lnkCommence Pimpin" OnClick="lnkCom mencePimpin_Cli ck"
runat=server />
<IMG src="..\Images\ CommencePimpin. gif"
onclick="imgCom mencePimpin_Cli ck();">

This is definitely a hack, but it works unless your button is in a user
control. I'll assume its not, but I can show you how to do that too if
you need to know. BTW, if anyone reading this knows a more convenient
way to insert custom client-side script logic into stock ASP.NET
controls, I'm all ears.

- John

[Ramsi]

Thank you very much.

"John Hann" <jovinhan@SPAM_ FREEyahoo.com> wrote in message
news:JZ******** ************@co mcast.com...

Ramsi wrote:

Is it possible to disable a image button through the java script?
Thanks for your reply.
Ramsi

Yes and no. I do the following to build this sort of functionalty...
Instead of using an ImageButton for your button, use a LinkButton
instead. Be sure not to specify its text so it is not visible to the
user, and remap your ImageClick event handler to the new LinkButton.
Don't specify its Visible property, the default value of true is
required for this to work. Now, in place of your ImageButton, insert an
IMG tag for your button image. In your page, you will need to define a
javascript function that handles the clientside onClick event for this
IMG tag, and a global variable that tracks the "enabled" state of your
button. The client code should look something like this:

<script lang=javascript >
var GameEnabled = true;

function imgCommencePimp in_Click()
{
if (GameEnabled)
{
GameEnabled = false;
__doPostBack( 'lnkCommencePim pin', '');
}
}
</script>

<ASP:LinkButt on ID="lnkCommence Pimpin" OnClick="lnkCom mencePimpin_Cli ck"
runat=server />
<IMG src="..\Images\ CommencePimpin. gif"
onclick="imgCom mencePimpin_Cli ck();">

This is definitely a hack, but it works unless your button is in a user
control. I'll assume its not, but I can show you how to do that too if
you need to know. BTW, if anyone reading this knows a more convenient
way to insert custom client-side script logic into stock ASP.NET
controls, I'm all ears.

- John

[Ramsi]

John,
I am finding difficulty to display an image for a Link button.
Thanks,
Ramsi

"John Hann" <jovinhan@SPAM_ FREEyahoo.com> wrote in message
news:JZ******** ************@co mcast.com...

Ramsi wrote:

Is it possible to disable a image button through the java script?
Thanks for your reply.
Ramsi

Yes and no. I do the following to build this sort of functionalty...
Instead of using an ImageButton for your button, use a LinkButton
instead. Be sure not to specify its text so it is not visible to the
user, and remap your ImageClick event handler to the new LinkButton.
Don't specify its Visible property, the default value of true is
required for this to work. Now, in place of your ImageButton, insert an
IMG tag for your button image. In your page, you will need to define a
javascript function that handles the clientside onClick event for this
IMG tag, and a global variable that tracks the "enabled" state of your
button. The client code should look something like this:

<script lang=javascript >
var GameEnabled = true;

function imgCommencePimp in_Click()
{
if (GameEnabled)
{
GameEnabled = false;
__doPostBack( 'lnkCommencePim pin', '');
}
}
</script>

<ASP:LinkButt on ID="lnkCommence Pimpin" OnClick="lnkCom mencePimpin_Cli ck"
runat=server />
<IMG src="..\Images\ CommencePimpin. gif"
onclick="imgCom mencePimpin_Cli ck();">

This is definitely a hack, but it works unless your button is in a user
control. I'll assume its not, but I can show you how to do that too if
you need to know. BTW, if anyone reading this knows a more convenient
way to insert custom client-side script logic into stock ASP.NET
controls, I'm all ears.

- John

[Craig Deelsnyder]

On Fri, 20 Aug 2004 18:02:46 -0700, Ramsi <Ra********@hot mail.com> wrote:

Is it possible to disable a image button through the java script?
Thanks for your reply.
Ramsi
"Lucas Tam" <RE********@rog ers.com> wrote in message
news:Xn******** *************** ****@140.99.99. 130...

"Ramsi" <Ra********@hot mail.com> wrote in news:egDY$YxhEH A.1344
@TK2MSFTNGP11.p hx.gbl:

> My development environment is ASP.Net 1.1. Clicked event of a button

has

> lengthy procedure it will take 2 to 4 seconds to process the data.
>
> My question is,
>
> 1.. If the user clicks the button again, will the clicked event

called

> again?

Yes.

> 2.. If yes to the above question how to avoid these kinds of scenarios? > Thanks for your suggestions.

-Use javascript to disable the button
-Check if the current function is in progress? Maybe put a flag in the
database?

--
Lucas Tam (RE********@rog ers.com)
Please delete "REMOVE" from the e-mail address when replying.
http://members.ebay.com/aboutme/coolspot18/

Yes, you can but would not be my preferred way of doing it....check the
HTML you have right now, it's pry an a href="" wrapped around an img. Add
an onclick attribute to the hyperlink (I think you can do this by setting
it on the ImageButton) and it should run before posting back. So you
could put in that event some javascript that checks a local var that
indicates whether this function ran once before.

The only tricky thing is if you have validators...yo u may want to then
actually override __doPostBack in Javascript and insert the flipping of
the flag there (actually pry the best design regardless)...

http://groups.google.com/groups?hl=e...8%26oe%3Dutf-8

I like this approach better, as it catches double posting by any control
on a page...

--
Craig Deelsnyder
Microsoft MVP - ASP/ASP.NET

[John Hann]

Ramsi wrote:

John,
I am finding difficulty to display an image for a Link button.
Thanks,
Ramsi

I think you missed the key point of my post, which was that you need to
put the button's image in a standard html IMG tag, not an ImageButton or
Link Button. Then, you need to add a javascript onclick event handler to
that IMG tag that calls a javascript function that will trick ASP.Net
into thinking that the user clicked on a LinkButton, even though the
user cannot actually see that LinkButton. I'll resubmit my code with
some additional changes for clarity. Hope this helps.
- John

<script lang=javascript >
// if this variable is true, imgYourButtonIm age_Click() will simulate
// the user clicking on lnkYourLinkButt on, even though it is not
displayed to the user
var ButtonEnabled = true;

// this is called whenever the IMG tag that contains your button
image is clicked
function imgYourButtonIm age_Click()
{
if (ButtonEnabled == true)
{
// this ensures that if the user clicks your button IMG
again, a postback will not occur
ButtonEnabled = false;

// this tells ASP.Net that the user clicked on
lnkYourLinkButt on
__doPostBack( 'lnkYourLinkBut ton', '');
}
}
</script>

<%-- This is the link button that you need to implement a server-side
event handler for.
It is hidden from the user and only "clicked" indirectly from
imgYourButtonIm age_Click().
Do not set the Visible property to false or this won't work. --%>
<ASP:LinkButt on ID="lnkYourLink Button" OnClick="lnkYou rLinkButton_Cli ck"
runat=server />

<%-- This is the place where your button image is displayed to the user.
Whenever it is clicked,
imgYourButtonIm age_Click() is called. The style attribute makes
cursor behave as it does
with any other button. --%>
<IMG src="BUTTON_IMA GE_PATH_HERE" onclick="imgYou rButtonImage_Cl ick();"
style="cursor:h and">