greetings
i have the following code: which on submit calls a html page which has a preloader set up which shows an animated gif until the html loads. If i go directly to html page it works as expected with the animated gif and load. When i use my code below and use the submit button the html page loads the animated gif and just sits there and never loads the content of the html. Any suggestions please? Thanks
[php]
| Submit Query |
Hello Bishop…
So, this can get complicated…
Think of a program as a top-down command list. If you are loading items BELOW your JQuery
code, you would think that it would continue processing. BUT, your code shows no commands to
shut off or hide the GIF… So, what you have to remember is that if you load another page into
your current page, you are loading another page. This new page has to either call back to the
original code to remove the image or it has to have it’s own code to do so. Complicated…
Well, two ways to fix this. Either put the GIF into the calling page not the second page. Or, add some
more code to the calling page to hide the image’s DIV when loaded with an “onready” type of call.
Is there a reason you don’t have the GIF in the calling page’s code?
We talked about this code before. Your code just load a HTML file without any handling of hiding and
showing the GIF. Is the GIF inside the second page? If so, you can not control it from this code as it
does not exist when this code is running.
I think it would be better to place the GIF in it’s own DIV on THIS page and just show it just before
executing the .load command and then hide it just after the .load command. Isn’t that what you really
want to happen? Or are you planning to load multiple GIF’s form many files?