Polynomials 2

by turtaniumx

HTML

<script src="https://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="https://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<form id="chsDir">
<p><input type="radio" name="chooseDir" value="zoomInX" checked="checked">Zoom x-axis <input type="radio" name="chooseDir" value="zoomInY">Zoom y-axis <input type="radio" name="chooseDir" value="zoomBoth">Zoom both axis</p>
</form>

<div id='box3' class='jxgbox'></div>

CSS

#box3 {
    width:500px;
    height:500px;
}

JavaScript

var board = JXG.JSXGraph.initBoard('box3',{
  boundingbox: [-220,22,250,-22], 
  axis:true, 
  showCopyright:false,  
  showNavigation:false,
  zoom: {wheel: true,needshift: true,eps: 0.1} 
 } 
);
var factX = 1.25, factY = 1.0;
var setZoom = function() {
	board.attr.zoom.factorx = factX;
	board.attr.zoom.factory = factY;
}
setZoom();




var options = document.getElementsByName("chooseDir");
if (options) {
    for (var i = 0; options.length > i; i++) {
		options[i].addEventListener("change", function() {
			if(this.value == 'zoomInX') {
				factX = 1.25;
				factY = 1.0;
			} else if(this.value == 'zoomInY') {
				factX = 1.0;
				factY = 1.25;
			} else {
				factX = 1.25;
				factY = 1.25;	
			}
			setZoom();			
		});		
    }
}