creating and inserting a new node in javascript

In HTML I want to create create an entire new SVG document dynamically and
replace it with the current one?
thanks in advance
Justin

<html>
<head>
<title>Untitled Document</title>
<script language="javascript">

  function putXML(){
  // Load the XML 
  var source = new ActiveXObject("MSXML2.DOMDocument");
  source.async = false;
  source.load("http://friedlj1/xslXml/xslxml/gantt.xml");

  // Load the XSLT
  var style = new ActiveXObject("MSXML2.DOMDocument");
  style.async = false;
  style.load("http://friedlj1/xslXml/xslxml/ganttHeader.xsl");
  source.transformNode(style);
  var svgdoc = window.gantt.getSVGDocument();
  var contents = svgdoc.getElementById ('svgContents');
  var xxx = new ActiveXObject("SVGVIEWLib.IDOMDocument");    //how do I
create and new SVG document and how do I replace the old one?
  //newnode = contents.appendChild (newnode);
  }
</script>
</head>
<body onload="putXML()" bgcolor="#ffffff">
<embed SRC="../svg/dummy.svg" id="gantt" height="100%" width="100%"
type="image/svg-xml" pluginspage="http://www.adobe.com/svg/viewer/install/">

</body>
</html>

Received on Friday, 9 June 2000 17:51:58 UTC