Remove window.alert after interval

Russinating · 8 Apr 2014 at 21:32

Is it possible to automatically ok/remove/override an JS window.alert prompt after a set amount of time? I've tried using setInterval to reset the alert to "" after 5 seconds but it doesn't work and my Googlefu is failing me (delete/remove etc are too vague terms).

planty · 8 Apr 2014 at 21:48

Not something I've ever looked into before, but this suggests it's not possible:

http://stackoverflow.com/questions/15466802/how-can-i-auto-hide-alert-box-after-it-showing-it

Are you able to use something other than an alert? i.e. create your own modal popup that you can control as you wish.

gerico · 8 Apr 2014 at 21:51

Hmm can you post some code? What is the alert being used for?

Fallen god · 8 Apr 2014 at 22:05

Like planty said I would look at modal's instead.

http://getbootstrap.com/javascript/#modals

Just an example to show you how it looks.

Russinating · 8 Apr 2014 at 22:06

It's just a simple thank you alert, but it's on a point-of-sale system so I don't want it blocking the page after the customer has left.

And yeah I'll probably have to look at a lightbox or div popup but it's far more faff than removing an alert (if it were possible!).

gerico · 8 Apr 2014 at 22:53

Russinating said:
It's just a simple thank you alert, but it's on a point-of-sale system so I don't want it blocking the page after the customer has left.

And yeah I'll probably have to look at a lightbox or div popup but it's far more faff than removing an alert (if it were possible!).

Yeh alerts are very obtrusive and not very user friendly. I would definitely recommend a modal as per suggested above, which is essentially making a div appear over the top of the site.

AJK · 9 Apr 2014 at 08:29

Russinating said:
It's just a simple thank you alert, but it's on a point-of-sale system so I don't want it blocking the page after the customer has left.

Javascript alerts are absolutely not the right way to do this.

And yeah I'll probably have to look at a lightbox or div popup but it's far more faff than removing an alert (if it were possible!).

Really? Many big frameworks will give you a modal dialog in a few lines of code, and it's not difficult to roll one yourself. Or just display a message somewhere on screen which clears itself after a few seconds. If it's "just a simple thank you alert" it doesn't seem like something which needs to take over the whole screen, does it?

Russinating · 9 Apr 2014 at 09:20

I'm not using a framework, but yes, I'll probably use the one Fallen_god posted.

Dj_Jestar · 9 Apr 2014 at 12:32

Modals are quite easy to do once you know how, especially with the introduction of css transitions. Here's an example I've drummed up:

http://jsfiddle.net/5v4gD/

lokkers · 10 Apr 2014 at 18:14

I rather like toastr for unobtrusive client-side notifications.