Changing jQuery UI dialog size from an outside function after creation

Question

I was unable to figure out why calling setMainWindowSize below from outside of the jQuery function will not work. Somebody help? Thank you.

<script type="text/javascript">
    var mainWindowDiv =  $('<div />', {'id': 'mainWindow', 'title': 'Main Window'});
    $(function (){
            $('body').append(mainWindowDiv);
            mainWindowDiv.dialog({
                position: 'center',
                resizable: true,
            });
            //this would work
            setMainWindowSize(800,600);
    });

    function setMainWindowSize(width, height)
    {
        mainWindowDiv.dialog('option', 'width', width);
        mainWindowDiv.dialog('option', 'height', height);
    };

    //this will fail
    setMainWindowSize(800,600);
</script>

Amin Eshaq · Accepted Answer · 2011-06-29 18:26:38Z

1

i believe that $(function (){ waits for the document to be ready before firing. the setMainWindowSize(800,600); you have at the end fires off first since its outside of the ready function.

ideally you would have your all of your code inside your $(function(){ });

answered Jun 29, 2011 at 18:26

Amin Eshaq

4,0241 gold badge19 silver badges21 bronze badges

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

Comments

Dogbert · Accepted Answer · 2011-06-29 18:27:34Z

0

setMainWindowSize(800,600); should be called after the DOM is ready. Here you're calling it even before the div contains a dialog box.

answered Jun 29, 2011 at 18:27

Dogbert

224k43 gold badges419 silver badges417 bronze badges

Collectives™ on Stack Overflow

Changing jQuery UI dialog size from an outside function after creation

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related