Question

I have a hidden div:

<div id="termSheetPrinted" style="visibility:hidden;">

</div>

that I am populating through the click of a button. After that population takes place, I would like to display the contents of this div on a separate popup window so the user can print it.

How would I do that with JQuery or Javascript or whatever is easiest.

Answer 1

slandau,

[edited] as per new information in your comment below.

using the jquery dialog (you must reference the jquery-ui js), create a 2nd div on the base html page and call it something like termSheetPrintedDialog.

<div id="termSheetPrintedDialog" style="visibility:hidden;"></div>

then in your document ready event, put:

$("#termSheetPrintedDialog").dialog({
    autoOpen: false,
    resizable: false,
    height: 510,
    width: 800,
    position: 'center',
    title: 'my snazzy popup window',
    },
    modal: true
});

then, in your button click event on your 1st modal form:

$('#yourbutton').click(function() {
    // your div population code here ... etc
    $('#termSheetPrintedDialog').html($('#termSheetPrinted').html());
    $('#termSheetPrintedDialog').dialog('open');
});

it’s not pretty, but it’s an approach based on the constraints that you have.