alderg/gist:7598947

## gistfile1.txt
<html>
<head>
	<script type="text/javascript">
		mxBasePath = '../src';
	</script>
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<script type="text/javascript">
		function main(container)
		{
			// Checks if the browser is supported
			if (!mxClient.isBrowserSupported())
			{
				// Displays an error message if the browser is not supported.
				mxUtils.error('Browser is not supported!', 200, false);
			}
			else
			{
				// Disables the built-in context menu
				mxEvent.disableContextMenu(container);

				// Creates the graph inside the given container
				var graph = new mxGraph(container);

				// XML definition of some standalone cells with no parent references
				var xml = '<root><mxCell id="2" value="Hello," vertex="1"><mxGeometry x="20" y="20" width="80" height="30" as="geometry"/></mxCell><mxCell id="3" value="World!" vertex="1"><mxGeometry x="200" y="150" width="80" height="30" as="geometry"/></mxCell><mxCell id="4" value="" edge="1" source="2" target="3"><mxGeometry relative="1" as="geometry"/></mxCell></root>';

				// Decodes the cells into an array and puts the array into the default parent
				document.body.appendChild(mxUtils.button('Decode', function()
				{
					// Parses the XML and creates an XML document
					var doc = mxUtils.parseXml(xml);

					// Creates a codec with the document for resolving references
					var codec = new mxCodec(doc);

					// Parses all children inside the document element and puts them into an array
					var elt = doc.documentElement.firstChild;
					var cells = [];

					while (elt != null)
					{
						cells.push(codec.decode(elt));
						elt = elt.nextSibling;
					}

					// Inserts the array of cells into the default parent
					graph.addCells(cells);
				}));
			}
		};
	</script>
</head>

<!-- Page passes the container for the graph to the program -->
<body onload="main(document.getElementById('graphContainer'))">

	<!-- Creates a container for the graph with a grid wallpaper -->
	<div id="graphContainer"
		style="position:relative;overflow:hidden;width:321px;height:241px;background:url('editors/images/grid.gif');cursor:default;">
	</div>
</body>
</html>
	<html>
	<head>
	<script type="text/javascript">
	mxBasePath = '../src';
	</script>
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<script type="text/javascript">
	function main(container)
	{
	// Checks if the browser is supported
	if (!mxClient.isBrowserSupported())
	{
	// Displays an error message if the browser is not supported.
	mxUtils.error('Browser is not supported!', 200, false);
	}
	else
	{
	// Disables the built-in context menu
	mxEvent.disableContextMenu(container);

	// Creates the graph inside the given container
	var graph = new mxGraph(container);

	// XML definition of some standalone cells with no parent references
	var xml = '<root><mxCell id="2" value="Hello," vertex="1"><mxGeometry x="20" y="20" width="80" height="30" as="geometry"/></mxCell><mxCell id="3" value="World!" vertex="1"><mxGeometry x="200" y="150" width="80" height="30" as="geometry"/></mxCell><mxCell id="4" value="" edge="1" source="2" target="3"><mxGeometry relative="1" as="geometry"/></mxCell></root>';

	// Decodes the cells into an array and puts the array into the default parent
	document.body.appendChild(mxUtils.button('Decode', function()
	{
	// Parses the XML and creates an XML document
	var doc = mxUtils.parseXml(xml);

	// Creates a codec with the document for resolving references
	var codec = new mxCodec(doc);

	// Parses all children inside the document element and puts them into an array
	var elt = doc.documentElement.firstChild;
	var cells = [];

	while (elt != null)
	{
	cells.push(codec.decode(elt));
	elt = elt.nextSibling;
	}

	// Inserts the array of cells into the default parent
	graph.addCells(cells);
	}));
	}
	};
	</script>
	</head>

	<!-- Page passes the container for the graph to the program -->
	<body onload="main(document.getElementById('graphContainer'))">

	<!-- Creates a container for the graph with a grid wallpaper -->
	<div id="graphContainer"
	style="position:relative;overflow:hidden;width:321px;height:241px;background:url('editors/images/grid.gif');cursor:default;">
	</div>
	</body>
	</html>