how to set content on Jquery dialog

Question

$("#note_content").dialog({
            title: "Note",
            modal: true,
            width:'auto',
            height:'auto',
            resizable:false,

            open: function(){
                var note_text = $('#note_content').attr('note_text');
     }
}

In my code I am trying set note_text as content of dialog, any idea how could I do this?

coder · Accepted Answer · 2012-04-28 09:38:47Z

19

You can try this: DEMO

var SplitText = "Title"
var $dialog = $('<div></div>')
    .html(SplitText )
    .dialog({
        height: 500,
        width: 600,
        title: 'Title'});

$dialog.dialog('open');

$dialog.html('Some text');

answered Apr 28, 2012 at 9:38

coder

13.2k32 gold badges116 silver badges221 bronze badges

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

Comments

Pang · Accepted Answer · 2017-07-07 03:27:59Z

4

You should have a content place holder inside your dialog, for example:

<div id="noteContent" title="Basic dialog">
   <p id="contentholder"> This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

$("#note_content").dialog({
    title: "Note",
    modal: true,
    width:'auto',
    height:'auto',
    resizable:false,

    open: function(){
        var note_text = $('#note_content').attr('note_text');
       $("#contentholder").val(note_text)
    }
}

You had your note_text assigned to a variable in this line:

var note_text = $('#note_content').attr('note_text');

However, you didn't assign the note_text variable to the placeholder.

edited Jul 7, 2017 at 3:27

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Apr 28, 2012 at 9:37

Darren

71.2k24 gold badges141 silver badges146 bronze badges

1 Comment

Tamil Maran Over a year ago

Your solution is correct. however .val() doesn't work on <p> tags. you need to use .text() function to overwrite the content.

Collectives™ on Stack Overflow

how to set content on Jquery dialog

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related