This week's book giveaway is in the OCMJEA forum.
We're giving away four copies of OCM Java EE 6 Enterprise Architect Exam Guide and have Paul Allen & Joseph Bambara on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes how to display a load image while data is loaded Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of OCM Java EE 6 Enterprise Architect Exam Guide this week in the OCMJEA forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "how to display a load image while data is loaded" Watch "how to display a load image while data is loaded" New topic
Author

how to display a load image while data is loaded

chain singh
Ranch Hand

Joined: Feb 28, 2012
Posts: 117
hello,

i am using ajax to get data from database and display it in my jsp page.
while ajax is doing its work i want to display a waiting symbol.
how i can do this

thanks in advance
Tim Holloway
Saloon Keeper

Joined: Jun 25, 2001
Posts: 16020
    
  20

Probably the easiest way is to include the "wait" indicator as a hidden element on the page, make the pre-submit JavaScript alter it from hidden to visible, and then have the post-AJAX code hide it again.


Customer surveys are for companies who didn't pay proper attention to begin with.
chain singh
Ranch Hand

Joined: Feb 28, 2012
Posts: 117
thanks for solution

how to do it i want to a waiting symbol on whole page as front page of main page
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61103
    
  66

I don't know what you mean by that, but like any other display effect in an HTML page, you'd use CSS.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
chain singh
Ranch Hand

Joined: Feb 28, 2012
Posts: 117
pardon me for confusion


i want to make page blur when data is loading and a very big waiting symbol is running in center of that page and after loading complete that page became focused
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61103
    
  66

Create div layer that covers the entire page with a high z-index and set the opacity low perhaps?
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: how to display a load image while data is loaded