|  |  |  | 
|---|
|  |  |  | function init_embed() { | 
|---|
|  |  |  | var frame = document.getElementById('svgedit'); | 
|---|
|  |  |  | svgCanvas = new embedded_svg_edit(frame); | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // Hide main button, as we will be controlling new/load/save etc from the host document | 
|---|
|  |  |  | var doc; | 
|---|
|  |  |  | doc = frame.contentDocument; | 
|---|
|  |  |  | 
|---|
|  |  |  | { | 
|---|
|  |  |  | doc = frame.contentWindow.document; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var mainButton = doc.getElementById('main_button'); | 
|---|
|  |  |  | mainButton.style.display = 'none'; | 
|---|
|  |  |  | mainButton.style.display = 'none'; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function handleSvgData(data, error) { | 
|---|
|  |  |  | if (error) | 
|---|
|  |  |  | { | 
|---|
|  |  |  | 
|---|
|  |  |  | else | 
|---|
|  |  |  | { | 
|---|
|  |  |  | alert('Congratulations. Your SVG string is back in the host page, do with it what you will\n\n' + data); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function loadSvg() { | 
|---|
|  |  |  | var svgexample = '<svg width="640" height="480" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><title>Layer 1</title><rect stroke-width="5" stroke="#000000" fill="#FF0000" id="svg_1" height="35" width="51" y="35" x="32"/><ellipse ry="15" rx="24" stroke-width="5" stroke="#000000" fill="#0000ff" id="svg_2" cy="60" cx="66"/></g></svg>'; | 
|---|
|  |  |  | svgCanvas.setSvgString(svgexample); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function saveSvg() { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function saveSvg() { | 
|---|
|  |  |  | svgCanvas.getSvgString()(handleSvgData); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | 
|---|
|  |  |  | <button onclick="saveSvg();">Save data</button> | 
|---|
|  |  |  | <br/> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <iframe src="index.html" width="900px" height="600px" id="svgedit" onload="init_embed()"></iframe> | 
|---|
|  |  |  | <iframe src="index.html" width="900px" height="600px" id="svgedit" onload="init_embed()"></iframe> | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | </html> | 
|---|