Your Thomson Reuters ID is the account you use to log in to our website. "Email Address:" This indicates you will use your Thomson Reuters ID to log in to your applications. Based on the prompt you see, log in as follows: Clear any text from the login field to view the type of credentials you are prompted for.
Then you just need to add an HTML element with the correct code, and remove it when you're done. You can grab an animated GIF of a spinning circle from Ajaxload - stick that somewhere in your website file heirarchy. and when events are done, we remove the "loading" class from the body.
When an ajax event starts, we add the "loading" class to the body. That's it! We're attaching some events to the body element anytime the ajaxStart or ajaxStop events are fired. This next part is actually really simple: $body = $("body") ĪjaxStart: function()
* Anytime the body has the loading class, ourĪlright, on to the jQuery. The scrollbar off with overflow:hidden */ * When the body has the loading class, we turn Our animation centered, and no-repeating */ Width, height, top and left speakįor themselves. Then we position it in relation to the viewport window Next let's give it some flair: /* Start by setting display:none to make this hidden. Let's create an element that we can show/hide anytime we're making an ajax request: Let's start by getting us a nice "loading" animation from
The approach I'm taking below will show you how to accomplish both methods. It could be a subtle as a small status on the page saying "Loading.", or as loud as an entire element graying out the page while the new data is loading. You could do this various different ways.