Difference between revisions of "Bearing"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
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 18:14, 16 June 2010