JQuery UI dialog reload original content

Question

I'm loading a dialog from a div

<div id="dialog-message" title="Send Message" style="display: none;">
<form id ="form_message">
<textarea name="message_field" id="message_field" rows="8" cols="62" class="ui-widget-content ui-corner-all" style="resize: none;"></textarea>
</form>

creating the dialog inside the $(document).ready(function() and opening it using a link. On submit of the dialog i change the content of the dialog with the return message, and the user can close the window.

// dialog create
$("#dialog-message").dialog({
autoOpen: false,
resizable: false, width: 520, height: 320,
modal: true,
buttons: {"Send": { text: "Send", id: "btn_send", click: function () {},
close: function() {if($('#form_message').length) {$(this).find('form')[0].reset();} }
});

//link to open dialog
$('#dialog_link').click(function(){$("#dialog-message").data("msg_data", {msg_from: 14, msg_to: 15}).dialog("open"); return false; });

//operations made on submit dialog
$('#btn_send').hide();
$('#dialog-message').html(data.error);

The problem i have is that once you open the dialog again, the return message remains, and it's not loading the original div content. how can i achive this? i tried to destroy the dialog on the close event, but then the dialog doesn't reopen at all.

could you post the javascript you used to set the content of the dialog? Additionally, why are there escape charactesr in the id of the form? — Mirko Lugano
– Mirko Lugano, Commented Aug 29, 2013 at 10:25
i update the original post, i deleted the escape chars, but i forgot some, i'm creating JS from php — Hulud
– Hulud, Commented Aug 29, 2013 at 10:34

Mr.Manhattan · Accepted Answer · 2013-08-29 10:37:13Z

2

just save the message field's content before you change it....like this:

var message_field_html = "";

function openDialog(){ //or whatever function calls your dialog
    if(message_field_html != ""){
        $('#dialog-message').html(message_field_html);
    }
    //do things
}

function changeDilogText(){ //or whatever function changes the text
    message_field_html = $('#dialog-message').html()
    $('#dialog-message').html(data.error);
}

[edit] edited code to mach your question

answered Aug 29, 2013 at 10:37

Mr.Manhattan

5,5543 gold badges26 silver badges35 bronze badges

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

1 Comment

Mital Pritmani Over a year ago

Awesome solution. Solved my issue.

Collectives™ on Stack Overflow

JQuery UI dialog reload original content

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related