How to make visible an image (gif anim.) while wait for a task to finish

I am reposting hoping better luck :)

I can't achieve this simple thing: I have an animated gif in an image
control (ImageProgress1). The image visibility is set to false. I want
that when the User click on a given button (ButtonSomeLongTask) to
execute a long task Me.ImageProgress1 become visible until the task on
the server is finished. I call the task this way:

Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
e As System.EventArgs) Handles ButtonSomeLongTast.Click
ExecuteLongTask() 'here there is a call to a web service
End Sub

Any *simple* example to do it?

-Pam

this will not work. in the asp.net from processing model, a button click
posts back, and the page is rebuilt and sent back to the browser. this means
the brwser will not see the html to display the gif until all the server
processing is done.

you can set the gif with client code, but in general animated gifs will not
run during a postback. the best solution is start the long running process
in a background thread, and poll for completion. google this newgroup for
processing message, and you shoudl find examples.

-- bruce (sqlwork.com)

<pamelafluente@libero.itwrote in message
news:1155740468.386215.176420@h48g2000cwc.googlegr oups.com...

Quote:

>I am reposting hoping better luck :)
>
I can't achieve this simple thing: I have an animated gif in an image
control (ImageProgress1). The image visibility is set to false. I want
that when the User click on a given button (ButtonSomeLongTask) to
execute a long task Me.ImageProgress1 become visible until the task on
the server is finished. I call the task this way:
>
Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
e As System.EventArgs) Handles ButtonSomeLongTast.Click
ExecuteLongTask() 'here there is a call to a web service
End Sub
>
Any *simple* example to do it?
>
-Pam
>

I see :( Thanks bruce.
Apart animated gif, is there any simple solution I can use to entertain
the user during a long running task, possibly without spending a week
to implement it ? I have seen some of such nice animations, but I am
unsure about the technology they used.

-Pam

bruce barker (sqlwork.com) ha scritto:

Quote:

this will not work. in the asp.net from processing model, a button click
posts back, and the page is rebuilt and sent back to the browser. this means
the brwser will not see the html to display the gif until all the server
processing is done.
>
you can set the gif with client code, but in general animated gifs will not
run during a postback. the best solution is start the long running process
in a background thread, and poll for completion. google this newgroup for
processing message, and you shoudl find examples.
>
-- bruce (sqlwork.com)
>
<pamelafluente@libero.itwrote in message
news:1155740468.386215.176420@h48g2000cwc.googlegr oups.com...

Quote:

I am reposting hoping better luck :)

I can't achieve this simple thing: I have an animated gif in an image
control (ImageProgress1). The image visibility is set to false. I want
that when the User click on a given button (ButtonSomeLongTask) to
execute a long task Me.ImageProgress1 become visible until the task on
the server is finished. I call the task this way:

Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
e As System.EventArgs) Handles ButtonSomeLongTast.Click
ExecuteLongTask() 'here there is a call to a web service
End Sub

Any *simple* example to do it?

-Pam

How about:-

place the gif on the page and set it's style to "display:none" then in
your code set the onClientClick to some Javascript which un-hides the
image, this will then be visible to the user until the post back has
been completed and the new page is sent out?

never actually tried this myself but it seems to make sense in my head!

Have you thought about Atlas? You can use an update progress control to
display some custom text/graphic whilst the Ajax post back is completing.

pamelafluente@libero.it wrote:

Quote:

I see :( Thanks bruce.
Apart animated gif, is there any simple solution I can use to entertain
the user during a long running task, possibly without spending a week
to implement it ? I have seen some of such nice animations, but I am
unsure about the technology they used.
>
-Pam
>
bruce barker (sqlwork.com) ha scritto:
>
>

Quote:

>>this will not work. in the asp.net from processing model, a button click
>>posts back, and the page is rebuilt and sent back to the browser. this means
>>the brwser will not see the html to display the gif until all the server
>>processing is done.
>>
>>you can set the gif with client code, but in general animated gifs will not
>>run during a postback. the best solution is start the long running process
>>in a background thread, and poll for completion. google this newgroup for
>>processing message, and you shoudl find examples.
>>
>>-- bruce (sqlwork.com)
>>
>><pamelafluente@libero.itwrote in message
>>news:1155740468.386215.176420@h48g2000cwc.google groups.com...
>>

Quote:

>>>I am reposting hoping better luck :)
>>>
>>>I can't achieve this simple thing: I have an animated gif in an image
>>>control (ImageProgress1). The image visibility is set to false. I want
>>>that when the User click on a given button (ButtonSomeLongTask) to
>>>execute a long task Me.ImageProgress1 become visible until the task on
>>>the server is finished. I call the task this way:
>>>
>>Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
>>>e As System.EventArgs) Handles ButtonSomeLongTast.Click
>> ExecuteLongTask() 'here there is a call to a web service
>> End Sub
>>>
>>>Any *simple* example to do it?
>>>
>>>-Pam
>>>

>
>

hmmm, no it does not seem to work. If you have it working please let me
know.

Perhaps the images must be animated manually by javascript.

-p

mc ha scritto:

Quote:

How about:-
>
place the gif on the page and set it's style to "display:none" then in
your code set the onClientClick to some Javascript which un-hides the
image, this will then be visible to the user until the post back has
been completed and the new page is sent out?
>
never actually tried this myself but it seems to make sense in my head!
>
Have you thought about Atlas? You can use an update progress control to
display some custom text/graphic whilst the Ajax post back is completing.
>
>
pamelafluente@libero.it wrote:

Quote:

I see :( Thanks bruce.
Apart animated gif, is there any simple solution I can use to entertain
the user during a long running task, possibly without spending a week
to implement it ? I have seen some of such nice animations, but I am
unsure about the technology they used.

-Pam

bruce barker (sqlwork.com) ha scritto:

Quote:

>this will not work. in the asp.net from processing model, a button click
>posts back, and the page is rebuilt and sent back to the browser. this means
>the brwser will not see the html to display the gif until all the server
>processing is done.
>
>you can set the gif with client code, but in general animated gifs will not
>run during a postback. the best solution is start the long running process
>in a background thread, and poll for completion. google this newgroup for
>processing message, and you shoudl find examples.
>
>-- bruce (sqlwork.com)
>
><pamelafluente@libero.itwrote in message
>news:1155740468.386215.176420@h48g2000cwc.googleg roups.com...
>
>>I am reposting hoping better luck :)
>>
>>I can't achieve this simple thing: I have an animated gif in an image
>>control (ImageProgress1). The image visibility is set to false. I want
>>that when the User click on a given button (ButtonSomeLongTask) to
>>execute a long task Me.ImageProgress1 become visible until the task on
>>the server is finished. I call the task this way:
>>
>Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
>>e As System.EventArgs) Handles ButtonSomeLongTast.Click
> ExecuteLongTask() 'here there is a call to a web service
> End Sub
>>
>>Any *simple* example to do it?
>>
>>-Pam
>>

I've just quickly knocked up a prototpye with an animated gif

I have a page as follows

[PAGE HEADER STUFF]
....
<asp:Image ID="progressImage" ImageUrl="~/progBall.gif" runat="server"/>
<asp:Button ID="DoLongTaskButton" runat="server"
OnClick="LongTaskSimulation" Text="Do Long Task" />
....
[PAGE FOOTER STUFF]

and a C# code behind as follows

[STANDARD USINGS]
[CLASS DEFINITION]
....
protected void Page_Load(object sender, EventArgs e)
{
ProgrssImage.Style.Add("display", "none");
DoLongTaskButton.OnClientClick =
"document."+progressImage.ClientID+".style.dis play = '';";
}

protected void LongTaskSimulation(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
}
....

pamelafluente@libero.it wrote:

Quote:

hmmm, no it does not seem to work. If you have it working please let me
know.
>
Perhaps the images must be animated manually by javascript.
>
-p
>
mc ha scritto:
>
>

Quote:

>>How about:-
>>
>>place the gif on the page and set it's style to "display:none" then in
>>your code set the onClientClick to some Javascript which un-hides the
>>image, this will then be visible to the user until the post back has
>>been completed and the new page is sent out?
>>
>>never actually tried this myself but it seems to make sense in my head!
>>
>>Have you thought about Atlas? You can use an update progress control to
>>display some custom text/graphic whilst the Ajax post back is completing.
>>
>>
>>pamelafluente@libero.it wrote:
>>

Quote:

>>>I see :( Thanks bruce.
>>>Apart animated gif, is there any simple solution I can use to entertain
>>>the user during a long running task, possibly without spending a week
>>>to implement it ? I have seen some of such nice animations, but I am
>>>unsure about the technology they used.
>>>
>>>-Pam
>>>
>>>bruce barker (sqlwork.com) ha scritto:
>>>
>>>
>>>
>>>>this will not work. in the asp.net from processing model, a button click
>>>>posts back, and the page is rebuilt and sent back to the browser. this means
>>>>the brwser will not see the html to display the gif until all the server
>>>>processing is done.
>>>>
>>>>you can set the gif with client code, but in general animated gifs will not
>>>>run during a postback. the best solution is start the long running process
>>>>in a background thread, and poll for completion. google this newgroup for
>>>>processing message, and you shoudl find examples.
>>>>
>>>>-- bruce (sqlwork.com)
>>>>
>>>><pamelafluente@libero.itwrote in message
>>>>news:1155740468.386215.176420@h48g2000cwc.goog legroups.com...
>>>>
>>>>
>>>>>I am reposting hoping better luck :)
>>>>>
>>>>>I can't achieve this simple thing: I have an animated gif in an image
>>>>>control (ImageProgress1). The image visibility is set to false. I want
>>>>>that when the User click on a given button (ButtonSomeLongTask) to
>>>>>execute a long task Me.ImageProgress1 become visible until the task on
>>>>>the server is finished. I call the task this way:
>>>>>
>>>>>Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
>>>>>e As System.EventArgs) Handles ButtonSomeLongTast.Click
>>>> ExecuteLongTask() 'here there is a call to a web service
>>>> End Sub
>>>>>
>>>>>Any *simple* example to do it?
>>>>>
>>>>>-Pam
>>>>>
>>>
>>>

>

I only tested it in Firefox, looks like if you want this to work
universally your OnClientClick needs to read
"document.getElementById('"+progressImage.ClientId +"').style.display = '';"

mc wrote:

Quote:

I've just quickly knocked up a prototpye with an animated gif
>
I have a page as follows
>
[PAGE HEADER STUFF]
...
<asp:Image ID="progressImage" ImageUrl="~/progBall.gif" runat="server"/>
<asp:Button ID="DoLongTaskButton" runat="server"
OnClick="LongTaskSimulation" Text="Do Long Task" />
...
[PAGE FOOTER STUFF]
>
and a C# code behind as follows
>
[STANDARD USINGS]
[CLASS DEFINITION]
...
protected void Page_Load(object sender, EventArgs e)
{
ProgrssImage.Style.Add("display", "none");
DoLongTaskButton.OnClientClick =
"document."+progressImage.ClientID+".style.dis play = '';";
}
>
protected void LongTaskSimulation(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
}
...
>
>
pamelafluente@libero.it wrote:
>

Quote:

>hmmm, no it does not seem to work. If you have it working please let me
>know.
>>
>Perhaps the images must be animated manually by javascript.
>>
>-p
>>
>mc ha scritto:
>>
>>

Quote:

>>How about:-
>>>
>>place the gif on the page and set it's style to "display:none" then in
>>your code set the onClientClick to some Javascript which un-hides the
>>image, this will then be visible to the user until the post back has
>>been completed and the new page is sent out?
>>>
>>never actually tried this myself but it seems to make sense in my head!
>>>
>>Have you thought about Atlas? You can use an update progress control to
>>display some custom text/graphic whilst the Ajax post back is
>>completing.
>>>
>>>
>>pamelafluente@libero.it wrote:
>>>
>>>I see :( Thanks bruce.
>>>Apart animated gif, is there any simple solution I can use to entertain
>>>the user during a long running task, possibly without spending a week
>>>to implement it ? I have seen some of such nice animations, but I am
>>>unsure about the technology they used.
>>>>
>>>-Pam
>>>>
>>>bruce barker (sqlwork.com) ha scritto:
>>>>
>>>>
>>>>
>>>>this will not work. in the asp.net from processing model, a button
>>>>click
>>>>posts back, and the page is rebuilt and sent back to the browser.
>>>>this means
>>>>the brwser will not see the html to display the gif until all the
>>>>server
>>>>processing is done.
>>>>>
>>>>you can set the gif with client code, but in general animated gifs
>>>>will not
>>>>run during a postback. the best solution is start the long running
>>>>process
>>>>in a background thread, and poll for completion. google this
>>>>newgroup for
>>>>processing message, and you shoudl find examples.
>>>>>
>>>>-- bruce (sqlwork.com)
>>>>>
>>>><pamelafluente@libero.itwrote in message
>>>>news:1155740468.386215.176420@h48g2000cwc.goog legroups.com...
>>>>>
>>>>>
>>>>>I am reposting hoping better luck :)
>>>>>>
>>>>>I can't achieve this simple thing: I have an animated gif in an image
>>>>>control (ImageProgress1). The image visibility is set to false. I
>>>>>want
>>>>>that when the User click on a given button (ButtonSomeLongTask) to
>>>>>execute a long task Me.ImageProgress1 become visible until the
>>>>>task on
>>>>>the server is finished. I call the task this way:
>>>>>>
>>>>>Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
>>>>>e As System.EventArgs) Handles ButtonSomeLongTast.Click
>>>>> ExecuteLongTask() 'here there is a call to a web service
>>>>> End Sub
>>>>>>
>>>>>Any *simple* example to do it?
>>>>>>
>>>>>-Pam
>>>>>>
>>>>
>>>>

>>

Perhaps I have not explained well my problem. Looks like you are not
leaving the page at all. The sleep should be put on another page to
simulate the server processing:

source page: button -some post -enable animation before leaving
destination page: sleep a while + response write.

during the sleep a while I would like to see some entertainment on the
source page

IE does not animate gif while leaving the page. That's the problem...
If you do the sleep within your page there is no problem.

-p

mc ha scritto:

Quote:

I only tested it in Firefox, looks like if you want this to work
universally your OnClientClick needs to read
"document.getElementById('"+progressImage.ClientId +"').style.display = '';"
>
mc wrote:

Quote:

I've just quickly knocked up a prototpye with an animated gif

I have a page as follows

[PAGE HEADER STUFF]
...
<asp:Image ID="progressImage" ImageUrl="~/progBall.gif" runat="server"/>
<asp:Button ID="DoLongTaskButton" runat="server"
OnClick="LongTaskSimulation" Text="Do Long Task" />
...
[PAGE FOOTER STUFF]

and a C# code behind as follows

[STANDARD USINGS]
[CLASS DEFINITION]
...
protected void Page_Load(object sender, EventArgs e)
{
ProgrssImage.Style.Add("display", "none");
DoLongTaskButton.OnClientClick =
"document."+progressImage.ClientID+".style.dis play = '';";
}

protected void LongTaskSimulation(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
}
...

pamelafluente@libero.it wrote:

Quote:

hmmm, no it does not seem to work. If you have it working please let me
know.
>
Perhaps the images must be animated manually by javascript.
>
-p
>
mc ha scritto:
>
>
>How about:-
>>
>place the gif on the page and set it's style to "display:none" then in
>your code set the onClientClick to some Javascript which un-hides the
>image, this will then be visible to the user until the post back has
>been completed and the new page is sent out?
>>
>never actually tried this myself but it seems to make sense in my head!
>>
>Have you thought about Atlas? You can use an update progress control to
>display some custom text/graphic whilst the Ajax post back is
>completing.
>>
>>
>pamelafluente@libero.it wrote:
>>
>>I see :( Thanks bruce.
>>Apart animated gif, is there any simple solution I can use to entertain
>>the user during a long running task, possibly without spending a week
>>to implement it ? I have seen some of such nice animations, but I am
>>unsure about the technology they used.
>>>
>>-Pam
>>>
>>bruce barker (sqlwork.com) ha scritto:
>>>
>>>
>>>
>>>this will not work. in the asp.net from processing model, a button
>>>click
>>>posts back, and the page is rebuilt and sent back to the browser.
>>>this means
>>>the brwser will not see the html to display the gif until all the
>>>server
>>>processing is done.
>>>>
>>>you can set the gif with client code, but in general animated gifs
>>>will not
>>>run during a postback. the best solution is start the long running
>>>process
>>>in a background thread, and poll for completion. google this
>>>newgroup for
>>>processing message, and you shoudl find examples.
>>>>
>>>-- bruce (sqlwork.com)
>>>>
>>><pamelafluente@libero.itwrote in message
>>>news:1155740468.386215.176420@h48g2000cwc.googl egroups.com...
>>>>
>>>>
>>>>I am reposting hoping better luck :)
>>>>>
>>>>I can't achieve this simple thing: I have an animated gif in an image
>>>>control (ImageProgress1). The image visibility is set to false. I
>>>>want
>>>>that when the User click on a given button (ButtonSomeLongTask) to
>>>>execute a long task Me.ImageProgress1 become visible until the
>>>>task on
>>>>the server is finished. I call the task this way:
>>>>>
>>>>Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
>>>>e As System.EventArgs) Handles ButtonSomeLongTast.Click
>>>> ExecuteLongTask() 'here there is a call to a web service
>>>> End Sub
>>>>>
>>>>Any *simple* example to do it?
>>>>>
>>>>-Pam
>>>>>
>>>
>>>
>

I do not load a separate page because this is not necessary, I do
however post back to the server (just look for the standard page loading
gif in your chosen browser), the Sleep is being done on the server all
you need to do is replace the function in the asp page
"LongTaskSimulation" with your long task.

Once the task is complete the server will return control to the page
which can be updated with info from the longTask.

Alternatively if you must navigate away to another page place a
Response.Redirect after your long task code and you will then progress
to the next page?

This conforms to the way pages should be developed with the event
processing for the buttons on within the same "module" as the buttons

If this still confuses I suggest you have a search for info on the
ASP.NET page life cycle.

pamelafluente@libero.it wrote:

Quote:

Perhaps I have not explained well my problem. Looks like you are not
leaving the page at all. The sleep should be put on another page to
simulate the server processing:
>
source page: button -some post -enable animation before leaving
destination page: sleep a while + response write.
>
during the sleep a while I would like to see some entertainment on the
source page
>
IE does not animate gif while leaving the page. That's the problem...
If you do the sleep within your page there is no problem.
>
-p
>
mc ha scritto:
>
>

Quote:

>>I only tested it in Firefox, looks like if you want this to work
>>universally your OnClientClick needs to read
>>"document.getElementById('"+progressImage.Client Id+"').style.display = '';"
>>
>>mc wrote:
>>

Quote:

>>>I've just quickly knocked up a prototpye with an animated gif
>>>
>>>I have a page as follows
>>>
>>>[PAGE HEADER STUFF]
>>>...
>>><asp:Image ID="progressImage" ImageUrl="~/progBall.gif" runat="server"/>
>>><asp:Button ID="DoLongTaskButton" runat="server"
>>>OnClick="LongTaskSimulation" Text="Do Long Task" />
>>>...
>>>[PAGE FOOTER STUFF]
>>>
>>>and a C# code behind as follows
>>>
>>>[STANDARD USINGS]
>>>[CLASS DEFINITION]
>>>...
>>>protected void Page_Load(object sender, EventArgs e)
>>>{
>> ProgrssImage.Style.Add("display", "none");
>> DoLongTaskButton.OnClientClick =
>>>"document."+progressImage.ClientID+".style.disp lay = '';";
>>>}
>>>
>>>protected void LongTaskSimulation(object sender, EventArgs e)
>>>{
>> System.Threading.Thread.Sleep(3000);
>>>}
>>>...
>>>
>>>
>>>pamelafluente@libero.it wrote:
>>>
>>>
>>>>hmmm, no it does not seem to work. If you have it working please let me
>>>>know.
>>>>
>>>>Perhaps the images must be animated manually by javascript.
>>>>
>>>>-p
>>>>
>>>>mc ha scritto:
>>>>
>>>>
>>>>
>>>>>How about:-
>>>>>
>>>>>place the gif on the page and set it's style to "display:none" then in
>>>>>your code set the onClientClick to some Javascript which un-hides the
>>>>>image, this will then be visible to the user until the post back has
>>>>>been completed and the new page is sent out?
>>>>>
>>>>>never actually tried this myself but it seems to make sense in my head!
>>>>>
>>>>>Have you thought about Atlas? You can use an update progress control to
>>>>>display some custom text/graphic whilst the Ajax post back is
>>>>>completing.
>>>>>
>>>>>
>>>>>pamelafluente@libero.it wrote:
>>>>>
>>>>>
>>>>>>I see :( Thanks bruce.
>>>>>>Apart animated gif, is there any simple solution I can use to entertain
>>>>>>the user during a long running task, possibly without spending a week
>>>>>>to implement it ? I have seen some of such nice animations, but I am
>>>>>>unsure about the technology they used.
>>>>>>
>>>>>>-Pam
>>>>>>
>>>>>>bruce barker (sqlwork.com) ha scritto:
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>>this will not work. in the asp.net from processing model, a button
>>>>>>>click
>>>>>>>posts back, and the page is rebuilt and sent back to the browser.
>>>>>>>this means
>>>>>>>the brwser will not see the html to display the gif until all the
>>>>>>>server
>>>>>>>processing is done.
>>>>>>>
>>>>>>>you can set the gif with client code, but in general animated gifs
>>>>>>>will not
>>>>>>>run during a postback. the best solution is start the long running
>>>>>>>process
>>>>>>>in a background thread, and poll for completion. google this
>>>>>>>newgroup for
>>>>>>>processing message, and you shoudl find examples.
>>>>>>>
>>>>>>>-- bruce (sqlwork.com)
>>>>>>>
>>>>>>><pamelafluente@libero.itwrote in message
>>>>>>>news:1155740468.386215.176420@h48g2000cwc.g ooglegroups.com...
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>>I am reposting hoping better luck :)
>>>>>>>>
>>>>>>>>I can't achieve this simple thing: I have an animated gif in an image
>>>>>>>>control (ImageProgress1). The image visibility is set to false. I
>>>>>>>>want
>>>>>>>>that when the User click on a given button (ButtonSomeLongTask) to
>>>>>>>>execute a long task Me.ImageProgress1 become visible until the
>>>>>>>>task on
>>>>>>>>the server is finished. I call the task this way:
>>>>>>>>
>>>>>>>>Protected Sub ButtonSomeLongTask_Click(ByVal sender As Object, ByVal
>>>>>>>>e As System.EventArgs) Handles ButtonSomeLongTast.Click
>>>>>>> ExecuteLongTask() 'here there is a call to a web service
>>>>>>>End Sub
>>>>>>>>
>>>>>>>>Any *simple* example to do it?
>>>>>>>>
>>>>>>>>-Pam
>>>>>>>>
>>>>>>
>>>>>>

>

How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

re: How to make visible an image (gif anim.) while wait for a task to finish

Similar ASP.NET bytes

/bytes/development

/bytes/it

/bytes/about