Using window.open, document.open, and document.write to display XML (XML rendering gone)

Question

This is related to another question, but is not a duplicate. It deals with a proposed solution that I have reached an impasse.

I have the following code that reads an XML, makes changes, opens a window, and writes the XML into the document. The problem is that the content is not rendered as XML. Any way to set a content type, etc, to have the browser handle the content as XML?

<script>
var wxml;
var xDoc;
var xDevices, xInputs;
var xDevice, xInput;

    function fSetXmlAInput(iDevice, iNode, nodeNewVal) {
      xInput = xInputs[iNode];
      xValue = xInput.getElementsByTagName("value")[0];

      // change node value:
      // console.log("nodeVal: " + xValue.firstChild.nodeValue);
      xValue.firstChild.nodeValue = nodeNewVal;
      // console.log("newVal: " + xValue.firstChild.nodeValue);
    }

    function fSetXmlDevice(iDevice) {
      xDevice = xDevices[iDevice];
      xInputs = xDevice.getElementsByTagName("input");
        fSetXmlAInput(iDevice, 0, "22");
        fSetXmlAInput(iDevice, 1, "33");
    }

    function alternativeLoadXML3() {
        // load xml file
        if (window.XMLHttpRequest) {
            xhttp = new XMLHttpRequest();
        } else { // IE 5/6
            xhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        xhttp.open("GET", "my_template.xml", false);
        xhttp.send();

        xDoc = xhttp.responseXML;
        xDevices = xDoc.getElementsByTagName("device");
        fSetXmlDevice(1);

        var xmlText = serializeXmlNode(xDoc);

        var newWindow = window.open("my_template.xml", "Test", "width=300,height=300,scrollbars=1,resizable=1");
        newWindow.document.open();
        newWindow.document.write(xmlText);
        newWindow.document.close()
    };

</script>

Below the XML as well:

<?xml version="1.0" encoding="utf-8"?>
<myXmlRoot>
<device>
  <input><name>"name 1"</name><value>{replaceMe!}</value></input>
  <input><name>"name 2"</name><value>{replaceMe!}</value></input>  
</device>
<device>
  <input><name>"name 1"</name><value>{replaceMe!}</value></input>
  <input><name>"name 2"</name><value>{replaceMe!}</value></input>  
</device>
<device>
  <input><name>"name 1"</name><value>{replaceMe!}</value></input>
  <input><name>"name 2"</name><value>{replaceMe!}</value></input>  
</device>
</myXmlRoot>

Any way to force the browser to render content in new window as XML...or does using document.open and document.write mean code is rendered as HTML?

Related: Change XML content using JavaScript, missing refresh

cuixiping · Accepted Answer · 2015-02-28 08:56:00Z

3

Use dataURI to write xml into new window is very easy.

window.open('data:text/xml,'+encodeURIComponent(xmlText),
     "Test", "width=300,height=300,scrollbars=1,resizable=1");

edited Feb 28, 2015 at 8:56

answered Oct 11, 2014 at 10:04

cuixiping

25.7k9 gold badges88 silver badges94 bronze badges

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

1 Comment

Benjamin Kaiser Over a year ago

You legend. Works great in Chrome (not tested in other browsers)

Community · Accepted Answer · 2017-05-23 12:31:13Z

1

Both document.open and document.write are used to write HTML or Javascript to a document. This goes back to the DOM Level 2 Specification of document.open, which assumes that the document is opened in order to write unparsed HTML.

Instead of using document.open and document.write, I would instead suggest dymanically adding elements using the XML DOM as in sampleElement.appendChild(XMLnode)

A similar question can also be found here: how to display xml in javascript?

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered May 9, 2013 at 12:20

KernelPanik

8,3791 gold badge18 silver badges14 bronze badges

2 Comments

Μenelaοs Over a year ago

So how would you use sampleElement.appendChild(XMLnode) in the above example?

KernelPanik Over a year ago

You would need to load my_template.xml using an XML Parser like you have used in function alternativeLoadXML3(). Then, you can use the XML DOM to append elements to the document. Finally, to display the XML as a collapsable tree, you can use a JavaScript framework such as those suggested at: stackoverflow.com/questions/1366179/…

Collectives™ on Stack Overflow

Using window.open, document.open, and document.write to display XML (XML rendering gone)

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related