birm/camic_state_link.html

## camic_state_link.html
<html>
  <head>
  <script>
  function genurl(){
    tid = document.getElementById("tid").value;
    x = document.getElementById("x").value;
    y = document.getElementById("x").value;
    z = document.getElementById("z").value;
    var l = encodeURIComponent(btoa(JSON.stringify({
                "x": x,
                "y": y,
                "z": z
            })));
    url = "osdCamicroscope.php?tissueId="+tid+"&state="+l
    document.getElementById("res").innerHTML = url;
  }
  </script>
  </head>
  <body>
    <form>
      Tissue ID: <input id="tid"/><br/>
      X position (0 to 1)<input id="x"/><br/>
      Y position (0 to 1)<input id="y"/><br/>
      Zoom Factor <input id="z"/><br/>
      <input type="button" onclick="genurl()" value="Generate"></input>
    </form>
    <div id ="res">
    </div>
  </body>
</html>
	<html>
	<head>
	<script>
	function genurl(){
	tid = document.getElementById("tid").value;
	x = document.getElementById("x").value;
	y = document.getElementById("x").value;
	z = document.getElementById("z").value;
	var l = encodeURIComponent(btoa(JSON.stringify({
	"x": x,
	"y": y,
	"z": z
	})));
	url = "osdCamicroscope.php?tissueId="+tid+"&state="+l
	document.getElementById("res").innerHTML = url;
	}
	</script>
	</head>
	<body>
	<form>
	Tissue ID: <input id="tid"/><br/>
	X position (0 to 1)<input id="x"/><br/>
	Y position (0 to 1)<input id="y"/><br/>
	Zoom Factor <input id="z"/><br/>
	<input type="button" onclick="genurl()" value="Generate"></input>
	</form>
	<div id ="res">
	</div>
	</body>
	</html>