How to open UI Dialog on each function call?

Question

I want to open dialogbox each time when OpenDialog() method calls each time with its contents.

Function:

function OpenDialog(){
    $("#seeContent").dialog({
                autoOpen: "false",
                stack: "true",
                height: "600",
                width: "700",
                resizable: "false"
            });
}

Function call:

<input type="button" onclick="OpenDialog()">

Note: It works fine while first call, when second call it overrides the first one.

DO NOT mix with inline...Very bad habit. Plus, we need more code. — bobthyasian
– bobthyasian, Commented Dec 15, 2012 at 6:51

bobthyasian · Accepted Answer · 2012-12-15 07:57:59Z

1

HTML:

<input type="button" id="open_dialog">
<div id="content"></div>

JS:

$('#open_dialog').click(function(){
var data = getData();     //Get new data
$('#content').html(data); //Replace old data
$('#content').dialog({    //Open dialog
     autoOpen: "false",
     stack: "true",
     height: "600",
     width: "700",
     resizable: "false"
    });
});

Essentially, every time you click to open the dialog new data should be loaded first then open the dialog.

edited Dec 15, 2012 at 7:57

answered Dec 15, 2012 at 6:58

bobthyasian

9436 silver badges17 bronze badges

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

7 Comments

immayankmodi Over a year ago

bobthyasian - thanks for giving your important time but actually in my case i have only one input button and data comes through webservice as per selections, so it note possible solution for me. Is any other suggestions ??

bobthyasian Over a year ago

Could you elaborate on what you mean, 'data comes through webservice'?

immayankmodi Over a year ago

bobthyasian - In each call i am using web service to GET the data to XML & JSON format like that.

immayankmodi Over a year ago

its not possible to put code on jsfiddle but i have edited my question with 2 additional methods.

bobthyasian Over a year ago

Sorry to say, but that didn't really help. The scope of what you're doing is hard to understand without having a point of reference. But I'll update my answer to give you a better idea of how to go about doing what you want to do.

|

immayankmodi · Accepted Answer · 2012-12-15 10:18:47Z

0

The clone() helps me to create a copy of dialog. Following is my working code.

jQuery("#seeContent").clone().dialog(
            { autoOpen: "false",
              stack: "true",
              height: "600",
              width: "700",
              resizable: "false" }
  });

I posted this answer because i could help others.

Hope, it will helps you. Thanks. !!

answered Dec 15, 2012 at 10:18

immayankmodi

8,63010 gold badges41 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to open UI Dialog on each function call?

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related