change the cursor to an hourglass while the function runs in asp.net

Question

0.00/5 (No votes)

See more:

ASP.NET

Javascript

Hi,
i want to change the cursor to an hourglass while the function runs. Please help me on this.

Thanks
Sherin

Posted 28-Oct-13 23:48pm

sherin.prajin

Add a Solution

3 solutions

Solution 1

I think you are looking for some thing like this one : busy mouse cursor when page loading in ASP.NET[^]

Regards..

Posted 28-Oct-13 23:53pm

Thanks7872

v2

Comments

sherin.prajin 29-Oct-13 6:08am

i could not solve the issue with this

Thanks7872 29-Oct-13 6:08am

That needs effort.

sherin.prajin 29-Oct-13 6:08am

Please help me if you have some other ideas.

Solution 2

this is your answer

JavaScript

function yourFunc()
{
 document.body.style.cursor = 'wait';
// do somthing !!!
}

I've tested this solution. Works successfully

Posted 29-Oct-13 0:12am

seyed mahmud shahrokni

Updated 29-Oct-13 0:15am

v2

Comments

sherin.prajin 29-Oct-13 6:15am

tried with that. nothing is happening..

seyed mahmud shahrokni 29-Oct-13 6:16am

It is impossible. It works great. Please try again

sherin.prajin 29-Oct-13 6:37am

it is not changing into hourglass. i am able to click on that button.

seyed mahmud shahrokni 29-Oct-13 6:44am

1-if your os is win7 it Will changed to the progress ,,if its xp it Will changed to the hourglass
2- for disabling your button ,, you should disable that button until the process!!!

sherin.prajin 29-Oct-13 10:28am

yes, my OS is windows7 , is there any other solution for that.

sherin.prajin 30-Oct-13 5:34am

As soon as i click on that button it should go disabled and mouse pointer should change into hourglass. Please help me on this.i am really stuck with this.

sherin.prajin 30-Oct-13 9:55am

Except 'wait' cursor everything else working fine... Dont know what happens for wait cursor...Please help me if an one knows about it. see the below code
<script type="text/javascript">

function displayResult()
{
document.getElementById("<%=Button1.ClientID %>").style.cursor = "crosshair";
document.getElementById("<%=Button1.ClientID %>").style.cursor = "pointer";
//document.getElementById("<%= Button1.ClientID %>").disabled = true;
//document.getElementById("<%=Button1.ClientID %>").disabled = true;
}
</script>

Member 12423098 27-Mar-17 12:43pm

dff

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sherin.prajin · Accepted Answer · 2013-11-13T04:24:00

C#

string clickHandler = string.Format("document.body.style.cursor = 'wait'; this.value='Please wait...'; this.disabled = true; {0};",
               this.ClientScript.GetPostBackEventReference(btnSave271Daily, string.Empty));
           btnSave271Daily.Attributes.Add("onclick", clickHandler);

Paste this into PageLoad()

it is working perfectly in IE.

Thank you everyone for your helps.