im trying to dynamically create elements in the child window based on the values i have in the the parent window but no success.The child window is opening but not with the elements.Here is the code i've written,could some one please have a loot at it ? is this possible at all using javascript/jquery>

function fnOpenPrint(){

openPrint = window.open('print.htm');
childWin = openPrint.document;

var newDiv = childWin.createElement("<div id='para'>")
newDiv.innerHTML = document.forms[0].txtBranch.value;

}

im trying to dynamically create elements in the child window based on the values i have in the the parent window but no success.The child window is opening but not with the elements.Here is the code i've written,could some one please have a loot at it ? is this possible at all using javascript/jquery>

function fnOpenPrint(){

openPrint = window.open('print.htm');
childWin = openPrint.document;

var newDiv = childWin.createElement("<div id='para'>")
newDiv.innerHTML = document.forms[0].txtBranch.value;

}

• javascript
• jquery

Share Improve this question Follow edited Oct 21, 2010 at 15:40 manraj82 asked Oct 21, 2010 at 15:31 manraj82manraj82 6,3452525 gold badges5858 silver badges8585 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

try

function fnOpenPrint(){
    var openPrint = window.open('print.htm');
    openPrint.onload = function() {
        var doc = openPrint.document;

        var newDiv = doc.createElement("div");
        newDiv.id = 'para';
        newDiv.innerHTML = document.forms[0].txtBranch.value;
        doc.body.appendChild(newDiv);
    };
}

DOM manipulations in the child window must be done after it finishes loading.

createElement doesn't automatically add it to the document... you'd prbably have to do this too:

childWin.body.appendChild(newDiv);