Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to know whether modal boxes (alert, prompt, confirm...) have been disabled in javascript?

I have a private web based app where sometimes I genuinely ask to the users what they want to do in given situations. To do so, I'm using the confirm function of javascript.

As any other modal box, after a few popups the user has the choice to disable them by simply clicking the little box as showed below:

enter image description here

The problem is that, if they clicked it once, they never see other messages and responses to confirm are assumed 0, which is confusing because basically it means that all the actions requiring their confirmation are cancelled with no warning! Refreshing the page does not help, they have to close it and reopen it for it to work again.

Can I detect when they checked that little box?

like image 328
Sebas Avatar asked Dec 19 '13 02:12

Sebas


1 Answers

When that box is checked, the dialog "closes" immediately. You could check to see if the box closes unusually fast:

function dialog(message, success, failure) {
    var open_time = new Date();
    var result = alert(message);
    var close_time = new Date();

    if (close_time - open_time < 10) {
        failure();
    } else {
        success(result);
    }
}

dialog('Hello', function(result) {
    // The dialog probably was closed by the user
}, function() {
    // The dialog was closed really fast.
    // Either the user was typing while it popped up or the browser didn't
    //  display it in the first place
});

Although just using CSS and HTML to create modal dialogs would probably be much easier and more consistent across browsers and platforms. I personally don't like Chrome's approach.

Demo: http://jsfiddle.net/tS9G6/4/

I looked a little bit through Chromium's source and that property isn't stored anywhere, so there doesn't seem to be some Chromium-specific property that you can look at.

like image 148
Blender Avatar answered Oct 14 '22 00:10

Blender