Bearing - Revision history

A WASSERMANN at 07:57, 6 April 2017

2017-04-06T07:57:59Z

← Older revision		Revision as of 07:57, 6 April 2017
Line 30:		Line 30:
	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'}); // global variable		var p = brd.create('glider',[-1,0.5,c],{name:'drag me'}); // global variable
	~~brd~~.~~addHook~~(function(){		p.on('drag', function(){
	document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
	}~~, 'move'~~);		});

	var setDirection = function() {		var setDirection = function() {
Line 58:		Line 58:
	brd2.create('segment',[q,p1]);		brd2.create('segment',[q,p1]);

	~~brd2~~.~~addHook~~(function(){		q.on('drag', function(){
	document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
	}~~, 'move'~~);		});

	var setDirection2 = function() {		var setDirection2 = function() {
Line 85:		Line 85:
	var q = brd2.create('glider',[0.5,0.5,a],{name:'drag me'}); // global variable		var q = brd2.create('glider',[0.5,0.5,a],{name:'drag me'}); // global variable
	brd2.create('segment',[q,p1]);		brd2.create('segment',[q,p1]);
			q.on('drag', function(){
	~~brd2~~.~~addHook~~(function(){
	document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
	}~~, 'move'~~);		});

	var setDirection2 = function() {		var setDirection2 = function() {

A WASSERMANN at 07:56, 6 April 2017

2017-04-06T07:56:47Z

← Older revision		Revision as of 07:56, 6 April 2017
Line 9:		Line 9:
	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'}); // global variable		var p = brd.create('glider',[-1,0.5,c],{name:'drag me'}); // global variable
	~~brd~~.~~addHook~~(function(){		p.on('drag', function(){
	document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
	}~~, 'move'~~);		});

	var setDirection = function() {		var setDirection = function() {

Michael at 14:37, 17 January 2012

2012-01-17T14:37:45Z

← Older revision		Revision as of 14:37, 17 January 2012
Line 46:		Line 46:
	<html>		<html>
	<input type="text" id="degrees2">		<input type="text" id="degrees2">
	<button onclick="~~setDirection~~()">set direction</button>		<button onclick="setDirection2()">set direction</button>
	</html>		</html>
	<jsxgraph box="box2" width="600" height="500">		<jsxgraph box="box2" width="600" height="500">
Line 73:		Line 73:
	<source lang="html4strict">		<source lang="html4strict">
	<input type="text" id="degrees2">		<input type="text" id="degrees2">
	<button onclick="~~setDirection~~()">set direction</button>		<button onclick="setDirection2()">set direction</button>
	</source>		</source>

Michael at 14:37, 17 January 2012

2012-01-17T14:37:13Z

← Older revision		Revision as of 14:37, 17 January 2012
Line 22:		Line 22:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="html4strict">		<source lang="html4strict">
	~~<form>~~
	<input type="text" id="degrees">		<input type="text" id="degrees">
	<~~input type="~~button~~" value="set direction"~~ onclick="setDirection()">		<button onclick="setDirection()">set direction</button>
	</~~form~~>
	</source>		</source>

Line 47:		Line 45:

	<html>		<html>
	~~<form>~~
	<input type="text" id="degrees2">		<input type="text" id="degrees2">
	<~~input type="~~button~~" value="set direction"~~ onclick="~~setDirection2~~()">		<button onclick="setDirection()">set direction</button>
	</~~form~~>
	</html>		</html>
	<jsxgraph box="box2" width="600" height="500">		<jsxgraph box="box2" width="600" height="500">
Line 76:		Line 72:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="html4strict">		<source lang="html4strict">
	~~<form>~~
	<input type="text" id="degrees2">		<input type="text" id="degrees2">
	<~~input type="~~button~~" value="set direction"~~ onclick="~~setDirection2~~()">		<button onclick="setDirection()">set direction</button>
	</~~form~~>
	</source>		</source>

Michael at 14:36, 17 January 2012

2012-01-17T14:36:19Z

← Older revision		Revision as of 14:36, 17 January 2012
Line 1:		Line 1:
	This is an example of bidirectional communication of JSXGraph with other elements of the web page. a You can type a new value for the angle into the text box and see the actual value of the angle in the text box.		This is an example of bidirectional communication of JSXGraph with other elements of the web page. a You can type a new value for the angle into the text box and see the actual value of the angle in the text box.
			<br /><br />
	<html>		<html>
	~~<form>~~
	<input type="text" id="degrees">		<input type="text" id="degrees">
	<~~input type="~~button~~" value="set direction"~~ onclick="setDirection()">		<button onclick="setDirection()">set direction</button>
	</~~form~~>
	</html>		</html>
	<jsxgraph width="600" height="500">		<jsxgraph width="600" height="500">

Michael at 14:33, 17 January 2012

2012-01-17T14:33:05Z

← Older revision		Revision as of 14:33, 17 January 2012
Line 12:		Line 12:
	brd.addHook(function(){		brd.addHook(function(){
	document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
	}, '~~mousemove~~');		}, 'move');

	var setDirection = function() {		var setDirection = function() {
Line 35:		Line 35:
	brd.addHook(function(){		brd.addHook(function(){
	document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
	}, '~~mousemove~~');		}, 'move');

	var setDirection = function() {		var setDirection = function() {
Line 65:		Line 65:
	brd2.addHook(function(){		brd2.addHook(function(){
	document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
	}, '~~mousemove~~');		}, 'move');

	var setDirection2 = function() {		var setDirection2 = function() {
Line 95:		Line 95:
	brd2.addHook(function(){		brd2.addHook(function(){
	document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
	}, '~~mousemove~~');		}, 'move');

	var setDirection2 = function() {		var setDirection2 = function() {

Michael at 12:01, 7 June 2011

2011-06-07T12:01:27Z

← Older revision		Revision as of 12:01, 7 June 2011
Line 9:		Line 9:
	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'~~, shadow:true~~}); // global variable		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(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);

Michael at 12:01, 7 June 2011

2011-06-07T12:01:12Z

← Older revision		Revision as of 12:01, 7 June 2011
Line 8:		Line 8:
	<jsxgraph width="600" height="500">		<jsxgraph width="600" height="500">
	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]~~,{shadow:true}~~);		var c = brd.create('circle',[[0,0],1]);
	var p = brd.create('glider',[-1,0.5,c],{name:'drag me', shadow:true}); // global variable		var p = brd.create('glider',[-1,0.5,c],{name:'drag me', shadow:true}); // global variable
	brd.addHook(function(){		brd.addHook(function(){

A WASSERMANN at 09:29, 11 January 2011

2011-01-11T09:29:38Z

← Older revision		Revision as of 09:29, 11 January 2011
Line 35:		Line 35:
	brd.addHook(function(){		brd.addHook(function(){
	document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
	});		}, 'mousemove');

	var setDirection = function() {		var setDirection = function() {
Line 65:		Line 65:
	brd2.addHook(function(){		brd2.addHook(function(){
	document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
	});		}, 'mousemove');

	var setDirection2 = function() {		var setDirection2 = function() {
Line 95:		Line 95:
	brd2.addHook(function(){		brd2.addHook(function(){
	document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees2').value = (Math.atan2(q.Y(),q.X())*180/Math.PI).toFixed(0);
	});		}, 'mousemove');

	var setDirection2 = function() {		var setDirection2 = function() {

A WASSERMANN at 09:28, 11 January 2011

2011-01-11T09:28:45Z

← Older revision		Revision as of 09:28, 11 January 2011
Line 12:		Line 12:
	brd.addHook(function(){		brd.addHook(function(){
	document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);		document.getElementById('degrees').value = (Math.atan2(p.Y(),p.X())*180/Math.PI).toFixed(0);
	});		}, 'mousemove');

	var setDirection = function() {		var setDirection = function() {