Mutually dependent line and gliders - Revision history

A WASSERMANN at 12:37, 23 June 2020

2020-06-23T12:37:49Z

← Older revision		Revision as of 12:37, 23 June 2020
Line 39:		Line 39:

	var el0 = board.create('line',[[0,0], [0,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=0'});		var el0 = board.create('line',[[0,0], [0,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=0'});
	var el1 = board.create('line',[[1,0],[1,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=1'});		var el1 = board.create('line',[[1,0], [1,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=1'});

	var gl1 = board.create('glider', [0,0, el0], {name:'b'});		var gl1 = board.create('glider', [0,0, el0], {name:'b'});

2020-06-23T12:37:27Z

← Older revision		Revision as of 12:37, 23 June 2020
Line 9:		Line 9:

	var el0 = board.create('line',[[0,0], [0,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=0'});		var el0 = board.create('line',[[0,0], [0,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=0'});
	var el1 = board.create('line',[[1,0],[1,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=1'});		var el1 = board.create('line',[[1,0], [1,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=1'});

	var gl1 = board.create('glider', [0,0, el0], {name:'b'});		var gl1 = board.create('glider', [0,0, el0], {name:'b'});

2012-10-10T09:29:01Z

← Older revision		Revision as of 09:29, 10 October 2012
Line 1:		Line 1:
			In this example, a and b are gliders on lines. Additionally, the glider a depends on glider b.
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	var board = JXG.JSXGraph.initBoard('jxgbox', {		var board = JXG.JSXGraph.initBoard('jxgbox', {

2012-06-01T08:21:04Z

← Older revision		Revision as of 08:21, 1 June 2012
Line 12:		Line 12:
	var gl1 = board.create('glider', [0,0, el0], {name:'b'});		var gl1 = board.create('glider', [0,0, el0], {name:'b'});
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
	gl1.draggable = function() {return true; };		//gl1.draggable = function() {return true; };
	gl2.draggable = function() {return true; };		//gl2.draggable = function() {return true; };

	var line = board.create('line', [gl1, gl2]);		var line = board.create('line', [gl1, gl2]);

	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();

Line 24:		Line 25:
	offset = gl2.Y() - gl1.Y();		offset = gl2.Y() - gl1.Y();
	});		});


	</jsxgraph>		</jsxgraph>

Line 43:		Line 42:
	var gl1 = board.create('glider', [0,0, el0], {name:'b'});		var gl1 = board.create('glider', [0,0, el0], {name:'b'});
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
			//gl1.draggable = function() {return true; };
			//gl2.draggable = function() {return true; };

	var line = board.create('line', [gl1, gl2]);		var line = board.create('line', [gl1, gl2]);
	~~gl1.draggable = function() {return true; };~~
	~~gl2.draggable = function() {return true; };~~

	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();

2012-06-01T08:20:24Z

← Older revision		Revision as of 08:20, 1 June 2012
Line 12:		Line 12:
	var gl1 = board.create('glider', [0,0, el0], {name:'b'});		var gl1 = board.create('glider', [0,0, el0], {name:'b'});
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
	~~var line = board.create('line', [gl1, gl2]);~~
	gl1.draggable = function() {return true; };		gl1.draggable = function() {return true; };
	gl2.draggable = function() {return true; };		gl2.draggable = function() {return true; };

			var line = board.create('line', [gl1, gl2]);
	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();

2012-06-01T08:19:29Z

← Older revision		Revision as of 08:19, 1 June 2012
Line 27:		Line 27:

	</jsxgraph>		</jsxgraph>

			===The JavaScript code===

			<source lang="javascript">
			var board = JXG.JSXGraph.initBoard('jxgbox', {
			boundingbox: [-5,5,5,-5],
			keepaspectratio: true, axis:false, grid:true
			});
			board.create('axis',[[0,0],[1,0]], {ticks: {majorHeight:20}});
			board.create('axis',[[0,0],[0,1]], {ticks: {majorHeight:20}});

			var el0 = board.create('line',[[0,0], [0,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=0'});
			var el1 = board.create('line',[[1,0],[1,1]], {strokeOpacity: .2, strokeColor: '#000000', fixed: true, name: 'x=1'});

			var gl1 = board.create('glider', [0,0, el0], {name:'b'});
			var gl2 = board.create('glider', [1,0, el1], {name:'a'});
			var line = board.create('line', [gl1, gl2]);
			gl1.draggable = function() {return true; };
			gl2.draggable = function() {return true; };

			var offset = gl2.Y() - gl1.Y();

			gl1.on('drag', function() {
			gl2.moveTo([gl1.X(), gl1.Y() + offset]);
			});
			gl2.on('drag', function() {
			offset = gl2.Y() - gl1.Y();
			});
			</source>

			[[Category:Examples]]

2012-06-01T08:17:31Z

← Older revision		Revision as of 08:17, 1 June 2012
Line 13:		Line 13:
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
	var line = board.create('line', [gl1, gl2]);		var line = board.create('line', [gl1, gl2]);
	gl1.draggable = function() {~~console.log("X");~~ return true; };		gl1.draggable = function() {return true; };
	gl2.draggable = function() {~~console.log("Y");~~ return true; };		gl2.draggable = function() {return true; };

	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();

2012-06-01T08:11:51Z

← Older revision		Revision as of 08:11, 1 June 2012
Line 13:		Line 13:
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
	var line = board.create('line', [gl1, gl2]);		var line = board.create('line', [gl1, gl2]);
	gl1.draggable = function() { return true; };		gl1.draggable = function() {console.log("X"); return true; };
	gl2.draggable = function() { return true; };		gl2.draggable = function() {console.log("Y"); return true; };

	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();

2012-06-01T08:09:59Z

← Older revision		Revision as of 08:09, 1 June 2012
Line 13:		Line 13:
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
	var line = board.create('line', [gl1, gl2]);		var line = board.create('line', [gl1, gl2]);
	~~line~~.draggable = function() { ~~console~~.~~log~~(~~'X'~~); return true; };		gl1.draggable = function() { return true; };
			gl2.draggable = function() { return true; };

	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();

2012-06-01T08:08:53Z

← Older revision		Revision as of 08:08, 1 June 2012
Line 13:		Line 13:
	var gl2 = board.create('glider', [1,0, el1], {name:'a'});		var gl2 = board.create('glider', [1,0, el1], {name:'a'});
	var line = board.create('line', [gl1, gl2]);		var line = board.create('line', [gl1, gl2]);
	line.draggable = function() { return true; };		line.draggable = function() { console.log('X'); return true; };

	var offset = gl2.Y() - gl1.Y();		var offset = gl2.Y() - gl1.Y();