Disable jquery ui dialog

Question

I have three buttons: first open, second disable, and third enable. When user click on disable button then jquery ui dialog should be disabled and not open on click on open button. After that, if user click on enable then dialog should be enabled and open on open dialog click.

example:-

code:-

$(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });

    $( "#opener" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });

Any help should be appreciated.

Dirgh · Accepted Answer · 2014-02-03 05:45:16Z

1

Hope this helps.

var isEnable=1;
     $( "#opener" ).click(function() {
          if(isEnable)
             $( "#dialog" ).dialog( "open" );
      });
     $( "#enabler" ).click(function() {
             isEnable=1; 
      });
     $( "#disablerr" ).click(function() {
             isEnable=0;
      });

Other way is disable/enable button using jquery but I think this is better option if you do not have css disable effect.

answered Feb 3, 2014 at 5:45

Dirgh

5074 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Barmar · Accepted Answer · 2014-02-03 05:45:45Z

0

Use a variable to keep track of whether the dialog is enabled.

var dialog_enabled = true;

$("#opener").click(function () {
    if (dialog_enabled) {
        $("#dialog").dialog("open");
    }
});

$("#disable_dialog").click(function() {
    dialog_enabled = false;
});
$("#enable_dialog").click(function() {
    dialog_enabled = true;
});

DEMO

answered Feb 3, 2014 at 5:45

Barmar

789k57 gold badges554 silver badges669 bronze badges

Comments

user3040830 · Accepted Answer · 2014-02-03 05:50:11Z

0

Hi Prince You can set a global variable with on the button clicks and can handle the enabling and disabling of the dialog based on that global variable like below:

  var isDisabled=false;
         $( "#opener" ).click(function() {
              if(!isDisabled)
                 $( "#dialog" ).dialog( "open" );
          });
         $( "#enabler" ).click(function() {
                 isDisabled=true; 
          });
         $( "#disablerr" ).click(function() {
                 isDisabled=false;
          });

answered Feb 3, 2014 at 5:50

user3040830

Collectives™ on Stack Overflow

Disable jquery ui dialog

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related