From OpenWetWare
Jump to: navigation, search



  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta http-equiv="imagetoolbar" content="no">		

<SCRIPT type="text/javascript">

     function Change_Layer(checkbox, element_name){
     	// For each element, get the element's style object, then set

// its visibility according to the state of the checkbox. var svgobj = document.embeds['SVG_Basic_Test'].getSVGDocument().getElementById(element_name); if (!checkbox.checked){ // Hide layer. svgobj.setAttributeNS(null,'visibility','hidden'); } else { // Show layer. svgobj.setAttributeNS(null,'visibility','visible'); }


<title>Example </title>

      <a name="top"></a>
    <embed width="512" height="256"  src="" name="SVG_Basic_Test" type="image/svg+xml" pluginspage="">	

<form name="Change_Layer_form" action=""> <table border="0" cellpadding="0" cellspacing="2"> <tr> <td colspan="2">Visible Layers</td> </tr> <tr> <td><input type="checkbox" value="" onclick="Change_Layer(this,'rectangle')">&nbsp;Rectangle</td> </tr> <tr> <td><input type="checkbox" value="" onclick="Change_Layer(this,'circle')">&nbsp;Circle</td> </tr> </table> <script type="text/javascript">

                // Make sure all checkboxes are checked whenever the page is reloaded in the browser.

for (var i = 0; i < document.Change_Layer_form.elements.length; i++)

                  if (document.Change_Layer_form.elements[i].type == 'checkbox'){
                    document.Change_Layer_form.elements[i].checked = true;




Reference: How do I embed SVG into HTML page