Create a new window and fill it with XHTML

chameleon · August 31st, 2009, 10:44 AM

the following code opens a new tab in browser and fill it with "print preview" version of current tab.

Code:

function printPreview() {
   // loadSyncXML is my cool method
   if (!xsl_p) xsl_p = loadSyncXML('print.xsl.php');
   var xsltProcessor = new XSLTProcessor();
   xsltProcessor.importStylesheet(xsl_p);
   var win = window.open();
   // 'xml' already loaded
   win.document = xsltProcessor.transformToDocument(xml);
}

But, the new tab is not filled with anything.
Firefox console display no problem.
Where is the problem?
What I can do?

Martin Honnen · August 31st, 2009, 11:11 AM

I don't think you can assign to the document property.
Why can't you simply let the browser do its XSLT transformation and put an xml-stylesheet processing instruction into your XML document e.g.

Code:

<?xml-stylesheet type="text/xsl" href="print.xsl.php"?>

then do a window.open("file.xml")?

chameleon · August 31st, 2009, 11:17 AM

Quote:

Originally Posted by Martin Honnen

I don't think you can assign to the document property.
Why can't you simply let the browser do its XSLT transformation and put an xml-stylesheet processing instruction into your XML document e.g.

Code:

<?xml-stylesheet type="text/xsl" href="print.xsl.php"?>

then do a window.open("file.xml")?

Because I don't want a standalone page and because I change XSLT nodes with javascript.

Martin Honnen · August 31st, 2009, 12:07 PM

I don't think you can assign a complete document object to a window to have it rendered.
What you can try is serializing the transformation result and document.writing it to the new window:

Code:

var win = window.open('', 'windowName');
win.document.open();
win.document.write(new XMLSerializer().serializeToString(xsltProcessor.transformToDocument(xml)));
win.document.close();

That however is a pretty awful approach as the transformation result is first serialized as XML and then document.written and that way parsed as text/html.

What you should use is transformToFragment, passing in the document of an already existing window or frame as the second argument, and then you can appendChild the fragment returned by transformToFragment to a node (e.g. the body element) in the existing document.

chameleon · August 31st, 2009, 02:19 PM

Quote:

Originally Posted by Martin Honnen

I don't think you can assign a complete document object to a window to have it rendered.
What you can try is serializing the transformation result and document.writing it to the new window:

Code:

var win = window.open('', 'windowName');
win.document.open();
win.document.write(new XMLSerializer().serializeToString(xsltProcessor.transformToDocument(xml)));
win.document.close();

That however is a pretty awful approach as the transformation result is first serialized as XML and then document.written and that way parsed as text/html.

What you should use is transformToFragment, passing in the document of an already existing window or frame as the second argument, and then you can appendChild the fragment returned by transformToFragment to a node (e.g. the body element) in the existing document.

your solution works.
I prefer an xhtml solution instead of html, but first of all I prefer my page to work.
Thanks!