Search jQuery

jQuery Forum

When using a dialog box, how do I target it for content swaping?

in Using jQuery UI • 6 years ago

I'm starting with:

function run_modal(catagory, item) {
//    alert(catagory +'*'+ item);



//modal code for output
    $( "#modal" ).dialog({
        //modal content in here
        title:"this is only a test",//title of modal box
        width: 300,
        height: 300,
        modal: false,
        ui-dialog-content:"text",

    });

}

I intend to be able to use the ajax (think success innerhtml) feature to do a page request on the back end to hot-swap the forms, as it could take forever to load the data. What do I need to do in order to target the lower part of the dialogue box for hot swapping capability with jquery?

Is this even possible yet with the dialogue box?

Replies(5)

kbwood.au

Re: When using a dialog box, how do I target it for content swamping?

6 years ago

Your #modal element forms the content of the dialog, so you could target that with an ajax load before showing the dialog. Or you could target some element within #modal , depending on our requirements.

If you plan to use the dialog more than once you should initialise it outside the run_modal function and only open it there.

Stanton K..

Re: When using a dialog box, how do I target it for content swamping?

6 years ago

I am initializing it from a php function call to build the button (for simplifation), then from the button it sets up the function from the variables set up. How do I target the dialog body id, or do I just run it on the div element life a swap content targets things?

kbwood.au