Progress bar onLoad of jsp page.

Hello all,
I was wondering how to put a progress bar on load of jsp page.
Also I have html page that calls a servlet. It takes some time to run it.
So, is there a way to put a progress indicator while serlvet is doing work?
thanks

You can fix that in your page template by putting something like this just before the BODY tag in the Header region:
<div id="loading"
style="display: block;
         position: fixed;
         top: 0px;
         left: 0;
         z-index: 1999;
         width: 100%;
         height: 100%;
         background-color: #fff;
         text-align: center;">
<div style="position: relative;
            top: 130px;">
Wait..loading..
</div>
<img src="#IMAGE_PREFIX#themes/theme_200/images/loading.gif" height="32" width="32"
   style="position: relative;
          top: 150px;"/>
</div>and putting something like this just after the closing BODY tag in the Footer region:
<script>
$(document).ready(function(){
$('#loading').hide();
</script>

Similar Messages

How to make a progress bar or a waitting page?

page1.cfm
<form action="InputDB.cfm" method="post">
<input id="inputdb" type="submit" value="InputNow">
</form>
InputDB.cfm
<cfloop from="1" to "9000000" index="x">
if it inputs the 9000000 records into the database,
it will spend a lot of time,how to do make a progress bar
or a waitting page when Users wait for the time?
</cfloop>
Thanks a lot.

Waiting pages are easy.
Step 1, convert form variables to session variable.
Step 2, display something.
Step 3, use js window.location to call the action page. Don't
use cflocation. Even though it works, you lose your display.

Show Progress Bar while only on Page Load.

Hi Experts,
I want to show progress bar every time when page loads.
Progress bar is coming on the page. but it is not going off after page is loaded.
Below is the code which i added for the Progress bar.
//written on Header Text of Page
<script type="text/javascript">

</script>
//written on footer text of Page
<style> #AjaxLoading{padding:5px;font-size:18px;width:200px;text-align:center;left:20%;top:20%;position:absolute;border:0px solid #666;}
</style>
<div id="AjaxLoading" style="display:none;"><br /><img src="#APP_IMAGES#progress_bar.gif" id="wait" /></div>
//called the function Execute on Page Loads
html_Submit_Progress(this);Progress bar is continuously showing on the page after page is loaded.
I want only to show only page loads.
Please help me .
Apex Version : Apex 4.1
DB Version : 10g
Regards,
Jitendra

Hide the loader element when the page has loaded. Put this in the javascript section
$(document).ready(function(){ $x_Hide('AjaxLoading'); });Or put it in the page load section
$x_Hide('AjaxLoading');Or create a dynamic action which fires on page load, select a hide action, and use a jQuery selector to target '#AjaxLoading' as an affected element.

PROGRESS BAR WHILE LOADING A PAGE

All,
iam using below code and its working good with page submit button but i need it for a page load i.e when a page loads show the progress bar(page which take a while to load) so i can call it like onload. Anybody who has done this pls i appreciate if you could help...
function html_Submit_Progress(pThis){
$x_Show('AjaxLoading');
window.setTimeout('$s("AjaxLoading",$x("AjaxLoading").innerHTML)', 900);
doSubmit('APPLY_CHANGES');
function submit_HideAll(pThis){
$x_Hide('wwvFlowForm');
doSubmit('APPLY_CHANGES');
function submit_ButtonRegion(pThis){
$x_Hide('button_region');
doSubmit('APPLY_CHANGES');
using apex 4.1 and my page here i need it is a popup.
thanks

You can fix that in your page template by putting something like this just before the BODY tag in the Header region:
<div id="loading"
style="display: block;
         position: fixed;
         top: 0px;
         left: 0;
         z-index: 1999;
         width: 100%;
         height: 100%;
         background-color: #fff;
         text-align: center;">
<div style="position: relative;
            top: 130px;">
Wait..loading..
</div>
<img src="#IMAGE_PREFIX#themes/theme_200/images/loading.gif" height="32" width="32"
   style="position: relative;
          top: 150px;"/>
</div>and putting something like this just after the closing BODY tag in the Footer region:
<script>
$(document).ready(function(){
$('#loading').hide();
</script>

Problem with onload in jsp page

Hi all,
I had two jsp pages, a search and a results page. I need to enter some search criteria in the first page and based on that criteria i will be getting the results in the results jsp. Now, when i click the back button in the results page, i need to go to the search page and the values which i entered in the search page needs to be present there. But the problem is i had a javascript function which runs on loading of the search page. This function will set all the values in this search page to empty whenever we go to the search page. I am calling this javascript function as follows in my search jsp page.
<body onload="setdefaultvalues('<%=name%>');">
I am having the code for the back button in the results page as follows.
<INPUT TYPE="button" VALUE='Back' onClick="javascript:history.go(-1);resetvalue(name);" class="button">
The problem i am facing is whenever i go to the search page by clicking on the back button, the values in the search page are getting empty because of the onload method. There is no way that i can remove this onload method as i require it for setting the values in the search page evrytime i get to that from other modules as it is the main page for my module. So, is there anyway that i can stop this function from executing when i come from the results page or is there any other way that i can store the values in the search page when going from the results page.

i think you really should have the result page include your search page contents rather than having the user need to click back as you'll end up with all sorts of nightmares in caching & session object management to be honest. if the search page is complex use javascript to hide contents and let the users expand them when they want to re-search.
however, if you feel you must i would suggest the following:
in your result page:
session.setAttribute("userQuery","true"); (you probably actually want to put a container object with the query information in here)
in your search page you could have something like:
<body <% session.getAttribute("userQuery")==null { %>onload="setdefaultvalues('<%=name%>');"<% } %>>
-or-
<body onload="setdefaultvalues('<%=name%>',<%=session.getAttribute("userQuery")==null?"true":"false"%>);">
function setdefaultvalues(name,run) { if ( !run ) return;....}
you'll have to decide when to remove the object though cause once its set its there until the session expires or you remove it.
hope that helps, good luck!

I am on dial up. Can I get the progress bar for loading a page back it helps me know how things are going.

On previous versions of Firefox there was a progress bar when you were loading a page. It was in the lower right corner. How can I get it back? It would be very helpful if there was an add on for it for those of us still on dial up.

Be aware that the loading indication that you see doesn't represent a real indication of what is happening. It just starts increasing till about 50% of the bar is filled and if it takes too long then the steps get smaller (half what is left as available space in the end or stop at all).
There is also the Net tab on the Web Console that can show how long it takes to load content.
*Firefox > Web Developer > Web Console

Progress bar in my JSP

I HAVE A JSP THAT TAKE SOMETHING OF TIME IN RUN DATABASE QUERIES, I NEED TO SHOW A PROGRESS BAR WHILE ITS RUN .
HOW I DO THIS ? IN JAVASWING OR JAVASCRIPT? I NEED IT URGENT.
I NEED TO KNOW HOW DO MY PROGRESS BAR.
THANKS

stop yelling...
This thread:
http://forum.java.sun.com/thread.jsp?forum=45&thread=443328
the 1st reply has some code I've used to do something similar. You could have it write out some Javascript stuff to update a progress display if you wanted. Otherwise it'll just block til the thread is done. You'd have to write the worker thread. It also uses struts stuff, but you should be able to figure out how to remove those parts.

Progress bar/Icon before the page loads

Hi,
I am having a page which takes 1-2 mins to load and render the data now i want to display animated icon/progress-bar immediately the page pops up(ie. when blank). Ive already done progress bar on the page load but in this case i want it to display much early when the page is still blank, any idea please. If this is not doable in Apex i might borrow JS/JQuery......thanks all.

All,
I got this issue to work in a better way using Skillbuilder's pop-up plugins but again I am having issue with that too as described below,
The first time the popup page comes up the background is totally black, how can i change this to make it meaningful color?
http://apex.oracle.com/pls/apex/f?p=4550:1:0:::::
workspace=proj2010
userid/pwd=demo/demo123
thanks in advance.
Edited by: jieri on Jul 30, 2012 1:18 PM

Hiding progress bar onload

Hi
I want to hide the progress bar. How is this done exactly?
Thanks

Hi Technique,
You'll have to do this in Flash Builder. Here's a forum thread discussing the issue of changing the loading bar:
http://forums.adobe.com/message/2448040#2448040
The best response is from lui_38 about half-way down the page.
However, I don't recommend completely eliminating the loading bar - your users might wonder why nothing is happening and percieve your site to be unresponsive.
-Adam

Progress bar in ADF

Hi,
I am trying to use a progress bar in a web page. After a user enters his log in details, the progress bar should display the status of the page being loaded.
Can anyone help me in implementing this using ADF progress bar component?
Thanks in advance.

Yes, of course there is a difference between af:progressBar and af:statusIndicator, otherwise, why would Oracle have made two components?
http://docs.oracle.com/cd/E16162_01/apirefs.1112/e17491/toc.htm would be the place to read about them
And no, af:statusIndicator does not show you the progress of the page loading - as I've said already, I don't think there is any way you will be able to do that.
John

Customizing OI to add step progress bar

Hello custom RTOI experts! I am attempting to make a customization to the full-featured LabVIEW RTOI (for TestStand 3.0) in order to provide the seemingly simple feature of a step completion progress bar on the execution page of the tab control. Let me explain a little behind the concept I'm going for. There are some steps in my sequences that take a relatively long time (15 minutes or so). During this period, a requirement of mine is to have a progress bar that gets updates every so often such that by the time the step would ordinary complete, the progress bar is at 100%. Initial attempts involved a separate VI that managed the progress bars, but having yet another window is not the ideal UI design... Instead, I was hoping to integrate this functionality into the RTOI so that each time a new step begins executing, additional custom data (the expected step duration) is (optionally) sent to the RTOI providing the progress update portion of the RTOI code the necessary data.
Is there any sample code out there that performs some similar task so that I can get a better feel for how the pieces fit together? In particular, there are a few things that are befuddling me:
1) What is a good way to store this custom information (step duration) in the sequence file? Should I modify the basic step types to add a new duration field which can be optionally set to something greater than the default, 0?
2) How should the step duration get passed to the RTOI? My current thought is to override the PreStep engine callback to send the custom duration field in a custom UIMessage, but that may be partly because I'm not familiar enough with the structure of the data is that is that is accessible via the sequence context...
3) How do I link the progress bar data to the actual execution page that is currently being viewed. Up to 4 executions can be running using the parallel model or the batch model in my sequences, so something would clearly need to be done so that when execution 1 is visible, the associated progress bar is shown, etc... I'm assuming I can trap on some event when the user clicks on an execution in the list bar, but there is no similar code in the out-of-box RTOI - all that appears to be managed automatically by linking the controls to the execution manager.
Thanks for any pointers or code samples (or even suggested reading) that anyone can give.

Thanks for the response.
I may indeed want to use the ProgressPercent message, but I'm not so sure just yet. I did not want to leave the responsibility of sending UIMessages up to the VIs and other code modules called by the sequence - I was hoping for a simple solution to provide a new field (ExpectedDuration) that can be set for any given step. In this way, the RTOI can manage updating the progress simply by counting seconds. Perhaps there is some timer callback that can be leveraged to perform this function?
What I have so far is as follows: I have a new step type called PassFailTestWithDuration. It is a copy of the PassFailTest step type with the addition of a ExpectedDuration property and a new PreStep which calls the PostUIMessageEx with a custom event (10001). The expected duration and the RunState.TestSockets.MyIndex both get passed as parameters. Inside the RTOI, I have added a UserMessage callback VI which stores the data in the appropriate slot of a global (indexed by socket index). (The global array is implemented as what I've heard called an action engine - there are init, read, and write actions that it can perform on data stored in the VI, and it is set as non-reentrant so that race conditions cannot occur). Each entry in the global array has 2 fields - the expected duration, and the current elapsed time. My idea was to continually update the current elapsed time for all active executions and simply show a progress bar for the "active" execution by displaying its elapsed time/expected duration in each necessary event...
I think my main question now is - how do you determine the RunState.TestSocket.MyIndex of the active execution in the execution manager (or application manager)? It seems like such an obvious thing to want to know, but I don't see it anywhere.
Thanks again for any hints you can provide!

RANGE_PAGING LAST RECORD IN JSP PAGE

Hi.
I'm working in JDeveloper 10g, and I would like to know what should be the behavior for the Last button on a jsp page when I use the method setAccessMode with RANGE_PAGING mode?, I mean, when I press that button in my jsp page it doesn't go to the last record result of the query.
Thanks in advance.

Thanks for your help.
My range size is 10.
But I have a question, vo.last does the same that the last button (navigation bar) on a jsp page?
For example, if I have navigated through 50 records (with nextSet button) and I press last button, and I know that the query result in the view object is 1000 records, but I'm using RANGE_PAGING, how can I go to the last record?
Because I tried with last button, but it goes to other record different to the last one.
Thanks in advance.

I don't know how to word this - "Progress bar" maybe???

Hi Everyone!
I've been a lurker here on occasion, but never posted. I'm sure this has been covered somewhere, but what I'm trying to do is place a "loading" page or progress bar that loads my pages before they're shown to the visitor...maybe an hourglass or a bar of some sort, y'know? I think it looks unprofessional to visit a site and watch each item as it loads. Know what I'm sayin'????

Hi -- Welcome to the discussions. They're called animated Flash "preloaders" which show a progress bar, e.g.
http://www.verticalmoon.com/products/swflockload/swflockload.htm
...but I'm not sure how practical it would be to use them for general web-page loading; perhaps another forum reader could chip in here.
If you decide to experiment, you could try integrating preloaders into your site via either of the following:
http://web.mac.com/cbrantly/iWeb/Software/iWeb%20Enhancer.html
or...
http://iweb.varkgirl.com
(Click on the first "tip" link in the list)

Progress bar in JSP

Hello Guyz,
I need some idea to put up a progress bar.
I want to implement this in pure JSP without using any swing components or Javascript.
Can i do it using Just JSP..and servlets in..
Im doing this is in MVC architecture...
So please do help me..I wud be gratefu;l to u..
Regds,
Gokul Kannan Jeyapaul

Using the value 1000 in the content is excessive (that is measured in seconds, so you would be waiting for over a quarter of an hour for the page to change once...
Here is the idea, using just a JSP, with no fancy stuffs (though it does way too much work itself...)
<%
//Setting up the recursion...
//retrieve the step (or percent done) from a URL parameter. A better
//approach would be to store the value of a percentDone in the session
//from the processing thread, rather than creating a parameter for it.
int thisRound = Integer.parseInt(request.getParameter("step"));
//Calculate the next step. In a well designed app, this isn't here. Next step
//Is determined as part of the process running, not on the JSP...
int nextRound = thisRound+1;
//Signal an end after 5 steps. Again, in real cases, the process taking some time
//should signal the end...
if (nextRound == 5) nextRound = -1;
//determine the wait page (this JSP)
String waitPage = response.encodeURL("simpleWait.jsp");
//Figure out how long to sleep. We will pass it as a parameter to the page
//in the first call, after that, it is stored in the session
String sleepTime = request.getParameter("sleep");
if (sleepTime != null)
    session.setAttribute("sleepTime", sleepTime);
else
    sleepTime = (String)session.getAttribute("sleepTime");
%>
<%
//If the signal to stop the refreshing is reached, forward to the display page
if (thisRound == -1) {
    //In real cases, the display should be stored in the session, the waiting page should
    //not have to know what it is.
    String displayPage = (String)session.getAttribute("display");
    if (displayPage == null)
      displayPage = "display.jsp";
    displayPage = response.encodeRedirectURL(displayPage);
    //before we move on, we will clean up the session, removing the things that
    //don't need to be there anymore...
    session.removeAttribute("sleepTime");
    session.removeAttribute("display");
    //remove the percentDone, as well... if stored in the session
    response.sendRedirect(displayPage);
%>
<html>
<head>
<title>Processing</title>
<META HTTP-EQUIV="REFRESH"
        CONTENT="<%=sleepTime%>; url=<%=waitPage%>?step=<%=nextRound%>"/>
</head>
<body>
<center>
<h2>Processing Your Request</h2>
<h3>Please Wait...</h3>
<h3>Step Is <%=thisRound%></h3>
<p>Thank you for your patience</p>
</center>
</body>
</html>You would call it the first time with something like this:
http://localhost:8080/Test/simpleWait.jsp?step=1&sleep=2
meaning the page will sleep (wait) for 2 seconds before refreshing. Take note of the comments, they point out a lot about the page that shouldn't be there.

JSP- IE progress bar

I have a jsp which invokes a servlet . The servlet does some processing ,
          puts a collection in the request as an attribute . The servlet uses a
          requestdispatcher to forward to another jsp page which uses the collection
          in the request attrbute to display the page . In IE 5.0 after the page has
          been displayed , the progress bar still shows that it is 'half done' or
          incomplete though the retrieval is complete . This is totally random . It
          is as if IE cannot determine the content length of the response . In
          Netscape ,
          the retrival works fine . Are there any workarounds ?
          ~JDoe


Hi,
I too had the same problem few days back, the problem used to be like this : the user hits page that fires a query that take quite some tme and depending upon the server loads peaks hour etc a lot of time user used to get 'Done' in the status bar of the browser after waiting for so much tine and getting done was irritating i found the root cause of the problem which is : when ever i submit a page request it used to fire query in the data base and the database somtime use to respond very late however the client (browser) and server communication used to break after a fix time(in my apache it s controlled by 'Timeout ' parameter in httpd.conf file) so the server and browser use to break the communication before data has come which use to result in blank page with 'Done' status in staus bar .
What i did for resolving this problem was i changed the value of Timeout parametr from 5 min to 10 minute , now im least facing less such instances , this solution is done by extending the browser server communication . However i want to do the same by continuously doing some exchange between server and browser for which I want to develop a page that will keep on downloading a simple gif in loop till the data base responds back , so as too keep alive the browser and server communication without changing properties file .
Does any one have the idea how to doi that??
thanks
rgds

Progress bar onLoad of jsp page.

Similar Messages

Maybe you are looking for