Restrict points to limited area - Revision history

A WASSERMANN at 09:47, 18 June 2013

2013-06-18T09:47:07Z

@@ Line 1: / Line 1: @@
 <jsxgraph width="600" height="600">
 var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});
@@ Line 25: / Line 26: @@
 ===The underlying JavaScript code===
 <source lang="javascript">
 </source>
 [[Category:Examples]]

A WASSERMANN at 09:46, 18 June 2013

2013-06-18T09:46:11Z

← Older revision		Revision as of 09:46, 18 June 2013
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});
	var A = brd.create('point', [-1,-1], {name:'A'});		var A = brd.create('point', [-1,-1], {name:'A'});
	var B = brd.create('point', [-3, 2], {name:'B'});		var B = brd.create('point', [-3, -3], {name:'B'});
	var C = brd.create('point', [ 3, 0], {name:'C'});		var C = brd.create('point', [ -2, 0], {name:'C'});

	brd.on('move', function() {		brd.on('move', function() {
	var list = [A, B, C], i;		var list = [A, B, C], i;

			brd.suspendUpdate();
	for (i = 0; i < list.length; ++i) {		for (i = 0; i < list.length; ++i) {
	list[i].moveTo([Math.min(0, list[i].X()), Math.min(0, list[i].Y())]);		list[i].moveTo(
			[
			Math.min(0, list[i].X()),
			Math.min(0, list[i].Y())
			]
			);
	}		}
			brd.unsuspendUpdate();
	});		});

Line 18:		Line 25:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	~~var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});~~
	~~var P0 = brd.create('point', [-4,-1], {name:'', face:'[]'});~~
	~~var P1 = brd.create('point', [4,-1], {name:'', face:'[]'});~~
	~~var li = brd.create('line', [P0,P1]);~~
	~~var A = brd.create('glider', [0,-1,li], {name:'A'});~~
	~~var B = brd.create('glider', [-3,-1,li], {name:'B'});~~
	~~var C = brd.create('glider', [ 3,-1,li], {name:'C'});~~

	~~brd.on('update', function() {~~
	~~var list = [A, B, C], i;~~

	~~for (i=~~

	~~});~~
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 09:44, 18 June 2013

2013-06-18T09:44:37Z

← Older revision		Revision as of 09:44, 18 June 2013
Line 4:		Line 4:
	var B = brd.create('point', [-3, 2], {name:'B'});		var B = brd.create('point', [-3, 2], {name:'B'});
	var C = brd.create('point', [ 3, 0], {name:'C'});		var C = brd.create('point', [ 3, 0], {name:'C'});
	/*
	brd.on('~~update~~', function() {		brd.on('move', function() {
	var list = [A, B, C], i;		var list = [A, B, C], i;

Line 11:		Line 11:
	list[i].moveTo([Math.min(0, list[i].X()), Math.min(0, list[i].Y())]);		list[i].moveTo([Math.min(0, list[i].X()), Math.min(0, list[i].Y())]);
	}		}
	~~});~~
	*/

	~~A.on('update', function() {~~
	~~var list = [A, B, C], i;~~

	~~A.moveTo([Math.min(0, A.X()), Math.min(0, A.Y())]);~~
	});		});

A WASSERMANN at 09:43, 18 June 2013

2013-06-18T09:43:58Z

← Older revision		Revision as of 09:43, 18 June 2013
Line 4:		Line 4:
	var B = brd.create('point', [-3, 2], {name:'B'});		var B = brd.create('point', [-3, 2], {name:'B'});
	var C = brd.create('point', [ 3, 0], {name:'C'});		var C = brd.create('point', [ 3, 0], {name:'C'});
			/*
	brd.on('update', function() {		brd.on('update', function() {
	var list = [A, B, C], i;		var list = [A, B, C], i;
Line 12:		Line 12:
	}		}
	});		});
			*/

			A.on('update', function() {
			var list = [A, B, C], i;

			A.moveTo([Math.min(0, A.X()), Math.min(0, A.Y())]);
			});


	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:42, 18 June 2013

2013-06-18T09:42:29Z

← Older revision		Revision as of 09:42, 18 June 2013
Line 1:		Line 1:
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});
	var A = brd.create('~~glider~~', [-1,-1], {name:'A'});		var A = brd.create('point', [-1,-1], {name:'A'});
	var B = brd.create('~~glider~~', [-3, 2], {name:'B'});		var B = brd.create('point', [-3, 2], {name:'B'});
	var C = brd.create('~~glider~~', [ 3, 0], {name:'C'});		var C = brd.create('point', [ 3, 0], {name:'C'});

	brd.on('update', function() {		brd.on('update', function() {

A WASSERMANN: Created page with " var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true}); var A = brd.create('glider', [-1,-1], {name:'A'}); var B = b..."

2013-06-18T09:41:57Z

Created page with "<jsxgraph width="600" height="600"> var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true}); var A = brd.create('glider', [-1,-1], {name:'A'}); var B = b..."

New page

<jsxgraph width="600" height="600">
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});
var A = brd.create('glider', [-1,-1], {name:'A'});
var B = brd.create('glider', [-3, 2], {name:'B'});
var C = brd.create('glider', [ 3, 0], {name:'C'});

brd.on('update', function() {
var list = [A, B, C], i;

for (i = 0; i < list.length; ++i) {
list[i].moveTo([Math.min(0, list[i].X()), Math.min(0, list[i].Y())]);
}
});
</jsxgraph>

===The underlying JavaScript code===
<source lang="javascript">
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});
var P0 = brd.create('point', [-4,-1], {name:'', face:'[]'});
var P1 = brd.create('point', [4,-1], {name:'', face:'[]'});
var li = brd.create('line', [P0,P1]);
var A = brd.create('glider', [0,-1,li], {name:'A'});
var B = brd.create('glider', [-3,-1,li], {name:'B'});
var C = brd.create('glider', [ 3,-1,li], {name:'C'});

brd.on('update', function() {
var list = [A, B, C], i;

for (i=

});
</source>

[[Category:Examples]]