assets/www/graph.html


<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='style.css' />
    <style type="text/css">
    body,td,th {
	color: #FFF;
}
body {
	background-color: #000;
}
    </style>
  <meta charset="utf-8">
  </head>
  <body id='eeapp'>
  <noscript>This page requires Javascript</noscript>
  	<div id='loading'><h2>Loading...</h2></div>
   <div id='browsererror' style='display:none;' class='page'>
   	<img src='screenshot.png' width='300' height='208' alt='Screenshot' style='float: right;'/>
  	<h2>Sorry, your browser is not supported!</h2>
  	<p><em>Javascript and HTML5 Canvas are required</em></p>
  	<p>The following browsers are known to work:</p>
	  	<ul>
	  	<li><a href='http://getfirefox.com'>Firefox 3.0+ (3.5+ Recommended)</a></li>
	  	<li><a href='http://chrome.google.com'>Google Chrome</a></li>
	  	</ul>
	  	
	 <p><a href='faq.html'>See the FAQ</a> for more information on browser support.</p>
  </div>
  <script>
  	try{
  		document.createElement('canvas').getContext('2d').getImageData(0,0,1,1)
  	}catch(e){
  		document.getElementById('browsererror').style.display='block'
  		document.getElementById('loading').style.display='none'
  	}
  </script>
  
  <div id='wrap' style='display: none'>
    <canvas id="canvas" width="320" height="480"></canvas>
    
    
    <div id='side'>
    	
    	<a href='#' class='equation-tile add' id='add'>Add Equation</a>
    	
    	<div id='window' class='equation-tile'>
    		<h2>Window Settings</h2>
    			<div><label>xmin = </label><input id='xmin' type='text' value='-10' />
    			<label>xmax = </label><input id='xmax' type='text' value='10' /></div>
    			<div><label>ymin = </label><input id='ymin' type='text' value='-10' />
    			<label>ymax = </label><input id='ymax' type='text' value='10' /></div>
    			<div id='zoombtns'><div class='btn' id='zoom-in'>&nbsp;</div>
    			<div class='btn' id='zoom-out'>&nbsp;</div></div>
    	</div>
  </div>
  </div>
  
  
<script src='jquery.js'></script>
<script src='tokens.js'></script>
<script src='tdop_math.js'></script>
<script src='graph.js'></script>
<script src='ui.js'></script>  

</body></html>