Writing code that coordinates between server and client to update only specified parts of a Web page usually requires in-depth knowledge of ECMAScript (Java Script).
However, by using the control, you can enable a Web page to participate in partial-page updates without writing any client script.
If you want, you can add custom client script to enhance the client user experience.
When you use an server control and the client Page Request Manager class.
Timer controls allow you to do postbacks at certain intervals.
If used together with Update Panels, which is the most common approach, it allows for timed partial updates of your page, but it can be used for posting back the entire page as well.
As discussed in previous articles, any control within an Update Panel that would normally trigger a postback when clicked will trigger a partial page postback.
Another approach is including the Timer inside the Update Panel.
Doing so would save us from defining a trigger, but you should be aware of the fact that the behavior will be different, depending on whether you have the Timer inside or outside an Update Panel.
In cases where we do not want to sacrifice style and design for page load time, perhaps we should consider another alternative?
What about displaying a page loading image while the page loads gracefully in the background, out of site? View Demo If your a talented designer and want to make one yourself, by all means go right ahead.
The Timer control uses the interval attribute to define the number of milliseconds to occur before firing the Tick event.
As you can see from our Code Behind code listing, we just update the Date Stamp Label each time the Timer fires.
Now you can ask questions directly to me on my new site ASPForums.
Net Question Answer site, specially started to allow visitors of this site ask their doubts and queries. Just click the Ask Now button and ask your question now.
For the rest of us, a quick Google search for “page loading gif” will produce some good results. Add the below div right below the opening This ensures that the page loading image is centered on a near white background (change color as desired) and covers the entire screen.
Make sure you find an image (perhaps from a stock image site) that doesn’t have any usage restrictions. The z-index positions the full-screen div on top of all the other elements, hiding them behind it while they load.