I can get the data div to fade in, but I can't seem to figure out how to get the gif while the query is loading.
I'm using two divs..
id "entrytext" is where the data will load into and has a display:none
contentLoading is the loading gif div.
Currently using jquery with this script.
Expand|Select|Wrap|Line Numbers
- $(document).ready(function(){
- $("#entrytext").fadeIn('slow'); //Sub-form query results go here.
- $("tr:odd").addClass("highlight"); //Table alternates
Expand|Select|Wrap|Line Numbers
- jQuery(function($) {
- $("#contentArea").load("test.php");
- });
- $().ajaxSend(function(r,s){
- $("#contentLoading").show();
- });
- $().ajaxStop(function(r,s){
- $("#contentLoading").fadeOut("fast");
- });
Here's a link to what I'm working on. (The data is NOT REAL)
Anyone mind helping me understand what more I should do?
Respectfully,
Aaron