This week's book giveaway is in the Mac OS forum.
We're giving away four copies of a choice of "Take Control of Upgrading to Yosemite" or "Take Control of Automating Your Mac" and have Joe Kissell 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


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: 16095
    
  21

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: 61305
    
  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: 61305
    
  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