CODEWITHSUNDEEP
jquery
matt
matt

Reputation: 44413

jQuery: undo things when history:back?

i know this question might be too easy, but i have no idea how to solve this.

when submitting a form i'll fadeIn a Loading-Image. When submitting the form was a success the page redirects blabla...

Now when I hit the BACK Button in my browser and i visit the previous page with the form the Loading-Image is still shown.

How can i make that hide again?

regards

Upvotes: 3

Views: 362

Answers (4)

KARASZI István
KARASZI István

Reputation: 31477

and what if you do a POST/Redirect/GET, which solves the duplicate form submitting as well?

Upvotes: 1

BBonifield
BBonifield

Reputation: 5003

If you're actually submitting the form, then yes, you're unloading the page.

$(function(){
  $(window).unload(function(){
    $('.loadingImage').hide();
  });
});

That'll hide it before you actually leave the page.

Upvotes: 0

George Antoniadis
George Antoniadis

Reputation: 659

Why not do something as simple as this?

$(document).ready(function() {
    $('.loadingImage').hide();
});

Just making sure that when your page is loaded your image is hidde.

Upvotes: 0

Trip
Trip

Reputation: 27124

Assuming you're sending this via ajax since you get a loading screen. Just attach the image to hide on success.

$.ajax({
  url: 'ajax/form.html',
  beforeSend: function() {
    $('.loadingImage').fadeIn("slow");
  }
  success: function() {
    $('.loadingImage').fadeOut("fast");
  };
});

Upvotes: 0

Related Questions