JQuery UI Asp.net 4

Question

I am working with JQueryUI and Asp.net and encounter a dynamic content problem:

<div id="content" title="" style="color: #F7A356"> 
<%=ContentLabel.Text%>
</div>

    function OpenDialog() {

   // alert(document.getElementById("content").innerHTML);

        var $dialog = $('<div style="color: #F7A356"></div>')
            .html($("#content").text())
            .dialog({
                autoOpen: false,
                modal: true,
                height: 150,
            });


            $dialog.dialog('open');

    }

I would like to open a dialog when I click on a control and show the content.. but it failed with the above method....

it doesn't work even I just some a simple javascript alert function with the innerHTML.....It return nothing as well

Kimtho6 · Accepted Answer · 2011-09-07 09:36:56Z

1

this is how it should look like..

$(document).ready(function() {
      .dialog({
         autoOpen: false,
         modal: true,
         height: 150,
     });

       $('a .opendialog').click(function(){
           $('#content').dialog('open');
       }
    });

if this does not help please provide more html

edited Sep 7, 2011 at 9:36

answered Sep 7, 2011 at 9:01

Kimtho6

6,1949 gold badges43 silver badges56 bronze badges

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

1 Comment

Tim B James Over a year ago

watch that it should be $('#content') and not $('.content')

Frédéric Hamidi · Accepted Answer · 2011-09-07 09:02:25Z

0

You should add the newly created element to the document before opening the dialog. Try something like:

$('<div style="color: #F7A356"></div>')
    .html($("#content").html())
    .appendTo("body")
    .dialog({
        modal: true,
        height: 150
    });

answered Sep 7, 2011 at 9:02

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

1 Comment

user883434 Over a year ago

I had tried this method. but it doesn't work... the function .html() return "" (nothing). But if I initially put some text inside the <div></div>, the function .html() can get them out. but if I use <%= [an asp.net control .Text] %> it return nothing

Collectives™ on Stack Overflow

JQuery UI Asp.net 4

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related