CODEWITHSUNDEEP
javascriptjqueryhtml
ezhil
ezhil

Reputation: 1093

Prevent user to do any action on dialog

My page has two jquery dialogs. There is no issue if both open in different time. The issue only comes when two dialog opens together. In my case first dialog opens by user action and second dialog open by system(this dialog will trigger when session timeout happened). Now first open by user and immediately second dialog opened now I need restrict user to click anything on dialog 1. Basically we should restrict user to do any action dialog one.

I tried with resizable: false, draggable: false But these not helped. Is there any way to fix this issue.

Dialog 1

$('.status-dialog').dialog({
            autoOpen: false,
            width: 400,
            modal: true,
            closeOnEscape: false,
            buttons: [{
                text: yes,
                click: fun1
            },
            {
                text: no,
                click: fun2

            }]
        });

Dialog 2

$('body').append('<div title="Timeout" id="timeout-dialog">' expired </div>');
        $('#sessionTimeout-dialog').dialog({
            autoOpen: false,
            resizable: false,
            draggable: false,
            width: 400,
            modal: true,
            closeOnEscape: false,
            open: function () { $(".ui-dialog").hide(); },
            buttons: {
                "Continue": function () {
                    $(this).dialog('close');
                }
            }
        });

Upvotes: 0

Views: 183

Answers (1)

Desmond
Desmond

Reputation: 149

Maybe have your code to close all other dialogs right before the system triggers one for itself? You can certainly add this condition somewhere between your codes where the dialog will be triggered system-wise.

Upvotes: 1

Related Questions