html - Jquery-UI Dialog - on the fly without DIV

Question

I have what I suspect to be a simple question and after search I suspect the answer to my question to be no, but to double check...

Is it possible to use the Jquery ui dialog with out setting up a DIV?

ie rather than..

$(function() { $( "#dialog" ).dialog();});...

<div id="dialog" title="Do I really need this?">This is a lot of typing just to pass on a simple message</div>

Is it possible just to have something like...

$(function(quickly) { $( "#dialog" ).dialog('this would be much easier');});...

and call it with a quickly() type thing when needed.

You may note that I muddle may way through Javascript and do my best through trial and error to hit on a solution that works for me.

I suppose, I'm asking if I can somehow use dialog in a similar fashion to...

alert("this is simple")

...so I can call an alert to the user whenever I need to, rather than on url click or button press.

Hopefully the above make sense and I'll suspect I'll have to stick with the ugly standard alert but do let me know if there is a simple solution.

Thanks

question from:https://stackoverflow.com/questions/5355178/jquery-ui-dialog-on-the-fly-without-div

Answer 1

I hope this helps somebody, you can pass html to dialog directly, like this:

$("<p>Hello World!</p>").dialog(); 

so this way you don't have to have a pre-builded div, you could use:

$("<div>My div content</div>").dialog();

EDIT: changed end tag to </div> instead of </p>