I’m writing a webpage that uses JS to copy the tag elements STYLE and a table into a new window that is not displaying content from using .cloneNode() I’ve used alerts to verify that the command is getting all the HTML but in the new window, the table is not being displayed but the last bit is. Since I’m using only one strings to handle the entire HTML of the new page, I’m missing why only part of the string is sent to the new window. It’s a real pain to debug since because the new window is generated entirely with JS, there is no source for me to see exactly what is happening. Here’s the code for what I’m talking about:
[code=php]printPIM = function() {
w = window.open(“about:blank”, “printWP”, “scrollbars=no,directories=no,resize=no,width=1020,height=700,toolbar=no,menubar=yes,copyhistory=no”);
w.focus(); // Makes sure the new page isn’t hidden
style = pimStyle.cloneNode(true);
p = pimTable.cloneNode(true);
wt = “<html><head><title>” + PIMName + ‘</title><style type=”text/css” media=”print, screen”>’ + style.innerHTML + ‘</style></head><body>’;
wt += “<table id=’pimTable’>” + p.innerHTML + “</table>”; // Adds the PIM table
wt += ‘<div style=”text-align: center;”><h1>Total Distance: ‘ + parseFloat(TotalDistance).toFixed(precision) + ‘nm</h1></div>’;
wt += ‘</body></html>’;
wt.replace(“<tbody></tbody>”,””); // Remove extra tbody element
w.document.writeln(wt);
return false;
}
The only thing displayed is the contents of the DIV element. Thanks!