Pass variable to jquery modal, how?

Question

Here is my code for JQuery UI modal window:

$('<p>Message</p>').dialog({
    modal: true,
    buttons: {
      Ok: function() {
         $( this ).dialog( "close" );
      }
    }
});

How can I pass a variable instead of constant string (see Ok above)

Lets say I have var x = "some string". How to pass it to look like x:function() {... etc — Nick, May 30 '11 at 08:27
So your question should be: **How can I have custom buttons in a jQuery Dialog** — balexandre, May 30 '11 at 08:31
possible duplicate of [jQuery dialog button variable](http://stackoverflow.com/questions/1464843/jquery-dialog-button-variable) — balexandre, May 30 '11 at 08:31

score 1 · Answer 1 · edited May 23 '17 at 11:55

1

from jQuery UI dialog button text as a variable

var button_name = 'Test';    
var dialog_buttons = {};

dialog_buttons[button_name] = function(){ 
    closeInstanceForm(Function); 
}    
dialog_buttons['Cancel'] = function(){ 
   $(this).dialog('close'); 
}

$('#instanceDialog').dialog({ 
    buttons: dialog_buttons 
});

edited May 23 '17 at 11:55

Community

1
1

answered May 30 '11 at 08:33

balexandre

73,608
45
233
342

score 1 · Accepted Answer · answered May 30 '11 at 08:33

try this:

var dynamicButtons= {};
var buttonOne = 'Press Me Please!';
var buttonTwo = 'No way';
dynamicButtons[buttonOne] = function() {
    // do your stuffs
};
dynamicButtons[buttonTwo] = function() {
   // do your stuffs
};
$('<p>Message</p>').dialog({
    modal: true,
    buttons: dynamicButtons
});

demo: http://jsbin.com/omawu4/2/

Pass variable to jquery modal, how?

2 Answers2