I am trying to develop a ASP.NET 2.0 commerce website. When the customer logs into the application we have to do a serious of operation(6 sequential webservice calls) and validate the offers the user is eligable to order thru the website. The webservice calls will take a minimum 30-45 seconds to complete the validations. Once the validation is done the user will be presented with the products that are eligible to order. During the validations are done, we don't want to show the user a blank page, instead we want to show them a progress animation and once the processing is done, the user should be taken to the order form.
I tried using HTML frames in my ASP.NEt page by having the progress animation shown in the top frame and loading another webpage (say page2.aspx) in the hidden bottom frame to do the webservice calls. This gives me success with the animation, but after the processing is complete when i do from the page2.aspx to show the order.aspx...i am facing issue. Since the page2.aspx is loaded in the bottom hidden frame, the order.aspx is loaded in the hidden frame and the user is struck there.
I tried to call the page2.aspx suing partial ajax from javascript in the animation page, i am left with writing a response.write to get the page where the user should be redirected and reading from the javascript i have to take the user to the respective page (error or order page). This causes round trip as i have to get the next page thru response.write and the make a request for the new page thru javascript.
Please help me to solve this issue without making a round trip to the client browser and without compromising the application performance. Thanks in advance.
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
You can try this:
1. Create a page, say LoadingPage.aspx, and add some JavaScript in the <head> section like this:
<script type="text/javascript">
var url = "http://www.mysite.com/Nex
</script>
2. Add two div tags with some CSS tricks to make a transparent layer showing "Page loading" or some loading animation. See the attached code snippet. You can tweak the styles according to your needs.
Let me know if it works for you.
Business Accounts
Answer for Membership
by: DropZonePosted on 2009-01-11 at 05:44:24ID: 23348221
A very simple, yet effective way to do this, is to execute some JavaScript on the page to display the animation the moment the user clicks on the submit button. The animation image should either be already in the page, hidden; or dynamically injected into the content flow by the script. In any case, the script will enable the animation prior to performing the submission.
Then you make sure that OutputBuffering is enabled on your server, which will cause your application to not render any output until it is done processing the page. The end result is that the browser will persist the old page with the animation while waiting for the new page to finish processing and start rendering.
No round trip is necessary.
An alternative is to use AJAX calls to perform the processing and retrieve the results, instead of using a form submission (Post-Back). The principle is the same: you intercept the button click on the client-side and call a function to perform the processing. This function in turn will enable the heretofore hidden animation, and make a server call to process the data. When the process is complete, your AJAX call-back function will be executed, where you can render the results. During the processing, the user is presented with the animation.
I have used both methods and they work quite effectively.
-dZ.