Bearing: Difference between revisions

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

Revision as of 16:14, 16 June 2010