Difference between revisions of "Bearing"

From JSXGraph Wiki
Jump to: navigation, search
Line 53: Line 53:
 
</form>
 
</form>
 
</html>
 
</html>
<jsxgraph width="600" height="500">
+
<jsxgraph board="box2" width="600" height="500">
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox:[-2,1.5,2,-1.5],keepaspectratio:true});
+
var brd2 = JXG.JSXGraph.initBoard('box2',{axis:true,boundingbox:[-2,1.5,2,-1.5],keepaspectratio:true});
var c = brd.create('arc',[[1,0],[0,0],[0,1]]);
+
var a = brd2.create('arc',[[1,0],[0,0],[0,1]]);
var p = brd.create('glider',[-1,0.5,c],{name:'drag me'}); // global variable
+
var q = brd2.create('glider',[-1,0.5,a],{name:'drag me'}); // global variable
brd.addHook(function(){
+
brd2.addHook(function(){
                   document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
+
                   document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
 
             });
 
             });
  
 
var setDirection = function() {
 
var setDirection = function() {
   var phi = 1*document.getElementById('degrees').value*Math.PI/180.0;
+
   var phi = 1*document.getElementById('degrees2').value*Math.PI/180.0;
   var r = c.Radius();
+
   var r = a.Radius();
   p.moveTo([r*Math.cos(phi),r*Math.sin(phi)]);
+
   q.moveTo([r*Math.cos(phi),r*Math.sin(phi)]);
  
 
}
 
}

Revision as of 17:25, 16 June 2010

The underlying JavaScript code

<form>
<input type="text" id="degrees">
<input type="button" value="set direction" onclick="setDirection()">
</form>
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox:[-2,1.5,2,-1.5],keepaspectratio:true});
var c = brd.create('circle',[[0,0],1]);
var p = brd.create('glider',[-1,0.5,c],{name:'drag me'}); // global variable
brd.addHook(function(){
                  document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
            });

var setDirection = function() {
   var phi = 1*document.getElementById('degrees').value*Math.PI/180.0;
   var r = c.Radius();
   p.moveTo([r*Math.cos(phi),r*Math.sin(phi)]);

}

Version 2