You could try adding it here but it may just turn the error off for good.ĭocument.getElementById('username_error').style.display = 'none' If that’s true then you would need to turn the gif off when your js registers an error. I assumed you would be turning it off at the end of your form submission routine unless it’s a new page that you are loading rather than an ajax call. It seems to me you are turning the gif on here:īut I couldn’t trace where you are turning it off. How have you handled this in your other pages? Is there a way to make the Loader.gif show only when the page has been completed ? Just add a class and style it as usual.īut! if you have a look at this Register page you will see that the Loader.gif will show/start even when the Register info has not been filled in. Use CSS instead and also avoid using inline styles as that makes testing awkward. I think there should be an extra closing bracket at the end here.ĭon’t use old school html like align=“right” as that is deprecated in strict doctypes. Move the display:none from the image and onto the div instead. You are hiding and showing #page+loader but yet you have set the image itself to display none so it will never show. You don’t have an ID of cupid-green you have a class so change the js or the html to reflect this. This isn’t really my area but I can see some errors in your code. ') console.log(this) $('#myForm').submit() ' value='SUBMIT'> I know that this line has a problem, the code is not correct, yet do not know how to correct it. execute the code below after the ajax request is complete Var loadingdiv = document.getElementById('loading-image') Before starting ajax request display the div (paste it in the beginning of your ajax request function I would like the Gif to show onclick, and finish once the page has loaded.

Loading gif loading gif windows 10