Creating temporary HTML code

Question

I try to make my code more modular. Currently I include jspf file which contain code for jQuery Dialog into any required jsp file.

I want to put this HTML code into JS file, so I only need to include one .js file instead of two:

function activateZoomingDialog() {
    var tmpId = ???;
    tmpId.innerHTML = '<input type="text"></input>...';
    $(tmpId).dialog({
        modal: true,
        title: 'Select area size',
        ...
    });
}

How to create and maintain (life-cycle) temporary DOM structure? jQuery solution will be acceptable.

var tmpId = $("<div>"); then remove it when you destroy the dialog. — user400654
– user400654, Commented May 13, 2013 at 18:05
@KevinB Yea. I can remove by tmpId.remove(); jQuery call! +1 — gavenkoa
– gavenkoa, Commented May 14, 2013 at 7:59

Matt Ball · Accepted Answer · 2013-05-13 18:05:30Z

3

function activateZoomingDialog() {
    var tmpId = '<div><input type="text"></input>...</div>';
    $(tmpId).dialog({
        modal: true,
        title: 'Select area size',
        ...
    });
}

answered May 13, 2013 at 18:05

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

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

3 Comments

user400654 Over a year ago

With that in mind (that it automatically appends it to the dom for you), i wonder if the destroy method will actually result in the div being automatically removed, since it wasn't part of the DOM to begin with. Edit: Nope, it doesn't. jQueryUI fails! - jsfiddle.net/mattball/HaxYj

Matt Ball Over a year ago

Indeed. jsfiddle.net/mattball/HaxYj You're just too fast for me today :)

gavenkoa Over a year ago

Thanks! By putting id into top level element or keeping reference to jQuery $('...') I can remove unused code... +1

Collectives™ on Stack Overflow

Creating temporary HTML code

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related