How can I dynamically set the text of the dialog box that I'm opening? I've tried a few different things but they all respond with an empty dialog box.
Here is my current try:
$('#dialog').text('Click on the link to download the file:
'.data);
$('#dialog').dialog("open");
For best practice, try putting a div inside your dialog div and appending text to that instead.
<div id="myDialog"><div id="myDialogText"></div></div>
and then setting the text of the internal Div. This make for better separation, so you have
You can then set the text with
jQuery("#myDialogText").text("your text here");
Here is an alternative way of creating dialogs on the fly and setting their messages dynamically:
$('<div></div>').dialog({
modal: true,
title: "Confirmation",
open: function() {
var markup = 'Hello World';
$(this).html(markup);
},
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
} }); //end confirm dialog
See it in action: http://jsfiddle.net/DYbwb/
Use the plus symbol to concatenate strings:
$('#dialog').text('Click on the link to download the file:
' + data);
$('#dialog').dialog("open");
Here's an example showing dynamic text in a jQueryui dialog box. The text is from an ajax response. The message is shown below (larger than it appears!).
$(".info").click(function(event){
event.preventDefault();
$id = $(this).attr("id");
$.ajax({
type: "POST",
url: 'my_code.php',
data: {query:"info", rowid: $id},
success: function(data) {
try {
obj = JSON.parse(data);
var str = '';
for (var i in obj) {
str += i + ":" + obj[i] + "<br />";
if (i == "id") str += "<hr />";
}
$("#dialog-1").html(str).dialog();
$("#dialog-1").dialog('open');
} catch (e) {}
}
});
});
dialog("open"); isn't a valid jquery UI method. (And what Mike said about concatenating with + instead of .
