Question

I’ve the current situation:

1. Have a Link in some HTML page.

2. When the user click that Link, an NORMAL (vs Ajax) HTTP request is being sent to a Web Server (typically a Java Servlet)

3. After that, of course the browser will bring the contents from the server and start rendering it. (actually it’s the same page with modified contents – don’t ask me to do it in ajax, cause it is the requirements)

Before step 3 is being done (while the page is being loaded) I need to display some frame to the user saying something like loading ....

Answer 1

Well, just populate a div somewhere on the page with “Loading…” when the link is clicked. Here’s some rough code

$('#yourlink').click(function(){
   $('#loading').html('Loading....'); 
}); 


<div id="loading">
</div> 

And when the page loads, the current loading div will be replaced with an empty one, this will signify that the loading is complete.

Another approach:

The css

#loading
{
  display: none; 
}

The html

<div id="loading">
    Loading....
</div>

The js

$('#yourlink').click(function(){
    $('#loading').show(); 
});