Points with constraints (dup) - Revision history

A WASSERMANN at 13:28, 3 March 2021

2021-03-03T13:28:40Z

← Older revision		Revision as of 13:28, 3 March 2021
Line 7:		Line 7:
	<source lang="javascript">		<source lang="javascript">
	var b = JXG.JSXGraph.initBoard('jxgbox1', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b = JXG.JSXGraph.initBoard('jxgbox1', {originX: 40, originY: 100, unitX: 40, unitY: 40});
	var free = b.~~createElement~~('point',[0,0], {name:'A', style:5});		var free = b.create('point',[0,0], {name:'A', style:5});
	var dep = b.~~createElement~~('point',["X(A)",1], {name:'B', style:8});		var dep = b.create('point',["X(A)",1], {name:'B', style:8});
	</source>		</source>
	<html>		<html>
Line 16:		Line 16:
	<script type="text/javascript">		<script type="text/javascript">
	var b = JXG.JSXGraph.initBoard('jxgbox1', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b = JXG.JSXGraph.initBoard('jxgbox1', {originX: 40, originY: 100, unitX: 40, unitY: 40});
	var free = b.~~createElement~~('point',[0,0], {name:'A', style:5});		var free = b.create('point',[0,0], {name:'A', style:5});
	var dep = b.~~createElement~~('point',["X(A)",1], {name:'B', style:8});		var dep = b.create('point',["X(A)",1], {name:'B', style:8});
	</script>		</script>
	</html>		</html>
Line 24:		Line 24:
	<source lang="javascript">		<source lang="javascript">
	var b2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 40, originY: 100, unitX: 40, unitY: 40});
	var free = b2.~~createElement~~('point',[0,0], {name:'A', style:5});		var free = b2.create('point',[0,0], {name:'A', style:5});
	var dep = b2.~~createElement~~('point',[function(){ return free.X();}, 1], {name:'B', style:8});		var dep = b2.create('point',[function(){ return free.X();}, 1], {name:'B', style:8});
	</source>		</source>
	<html>		<html>
Line 31:		Line 31:
	<script type="text/javascript">		<script type="text/javascript">
	var b2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 40, originY: 100, unitX: 40, unitY: 40});
	var free = b2.~~createElement~~('point',[0,0], {name:'A', style:5});		var free = b2.create('point',[0,0], {name:'A', style:5});
	var dep = b2.~~createElement~~('point',[function(){ return free.X();}, 1], {name:'B', style:8});		var dep = b2.create('point',[function(){ return free.X();}, 1], {name:'B', style:8});
	</script>		</script>
	</html>		</html>
Line 39:		Line 39:
	First we construct a free, draggable point called "free".		First we construct a free, draggable point called "free".
	<source lang="javascript">		<source lang="javascript">
	var free = b2.~~createElement~~('point',[0,0], {name:'A', style:5});		var free = b2.create('point',[0,0], {name:'A', style:5});
	</source>		</source>
	Then we construct the dependent point "dep".		Then we construct the dependent point "dep".
	<source lang="javascript">		<source lang="javascript">
	var dep = b2.~~createElement~~('point',[function(){ return free.X();}, 1], {name:'B', style:8});		var dep = b2.create('point',[function(){ return free.X();}, 1], {name:'B', style:8});
	</source>		</source>
	The first coordinate of "dep" is given as an anonymous function:		The first coordinate of "dep" is given as an anonymous function:

Michael at 11:15, 8 June 2011

2011-06-08T11:15:38Z

← Older revision		Revision as of 11:15, 8 June 2011
Line 52:		Line 52:


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

Michael at 11:15, 8 June 2011

2011-06-08T11:15:29Z

← Older revision		Revision as of 11:15, 8 June 2011
Line 52:		Line 52:


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

Michael: moved Points with constraints to Points with constraints (dup): contained in Points

2011-06-08T11:14:41Z

moved Points with constraints to Points with constraints (dup): contained in Points

← Older revision	Revision as of 11:14, 8 June 2011
(No difference)

A WASSERMANN at 17:20, 29 October 2009

2009-10-29T17:20:11Z

← Older revision		Revision as of 17:20, 29 October 2009
Line 12:		Line 12:
	<html>		<html>
	<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>~~
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<div id="jxgbox1" class="jxgbox" style="width:600px; height:200px;"></div>		<div id="jxgbox1" class="jxgbox" style="width:600px; height:200px;"></div>

84.147.85.152 at 20:57, 17 September 2008

2008-09-17T20:57:12Z

← Older revision		Revision as of 20:57, 17 September 2008
Line 42:		Line 42:
	var free = b2.createElement('point',[0,0], {name:'A', style:5});		var free = b2.createElement('point',[0,0], {name:'A', style:5});
	</source>		</source>
	Then we construct the ~~dependend~~ point "dep".		Then we construct the dependent point "dep".
	<source lang="javascript">		<source lang="javascript">
	var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});		var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});

132.180.198.9: New page: A point can depend on another geometric object. This dependence can be given by using JavaScript syntax or by using GEONExT syntax. === GEONExT syntax === Here is an example using GEONExT...

2008-09-17T10:10:05Z

New page: A point can depend on another geometric object. This dependence can be given by using JavaScript syntax or by using GEONExT syntax. === GEONExT syntax === Here is an example using GEONExT...

New page

A point can depend on another geometric object. This dependence can be given by using JavaScript syntax or by using
GEONExT syntax.
=== GEONExT syntax ===
Here is an example using GEONExT syntax.
The point A is draggable. The point B depends on point A: Its y-coordinate is set to 1 and its x-coordinate is set
to the x-coordinate of A.
<source lang="javascript">
var b = JXG.JSXGraph.initBoard('jxgbox1', {originX: 40, originY: 100, unitX: 40, unitY: 40});
var free = b.createElement('point',[0,0], {name:'A', style:5});
var dep = b.createElement('point',["X(A)",1], {name:'B', style:8});
</source>
<html>
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox1" class="jxgbox" style="width:600px; height:200px;"></div>
<script type="text/javascript">
var b = JXG.JSXGraph.initBoard('jxgbox1', {originX: 40, originY: 100, unitX: 40, unitY: 40});
var free = b.createElement('point',[0,0], {name:'A', style:5});
var dep = b.createElement('point',["X(A)",1], {name:'B', style:8});
</script>
</html>
=== JavaScript syntax ===
Now we do exactly the same with JavaScript syntax.
<source lang="javascript">
var b2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 40, originY: 100, unitX: 40, unitY: 40});
var free = b2.createElement('point',[0,0], {name:'A', style:5});
var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});
</source>
<html>
<div id="jxgbox2" class="jxgbox" style="width:600px; height:200px;"></div>
<script type="text/javascript">
var b2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 40, originY: 100, unitX: 40, unitY: 40});
var free = b2.createElement('point',[0,0], {name:'A', style:5});
var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});
</script>
</html>
The JavaScript syntax is much more robust against changes of the construction, but of course it looks more complicated.
Lets look at it again in detail:
First we construct a free, draggable point called "free".
<source lang="javascript">
var free = b2.createElement('point',[0,0], {name:'A', style:5});
</source>
Then we construct the dependend point "dep".
<source lang="javascript">
var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});
</source>
The first coordinate of "dep" is given as an anonymous function:
<source lang="javascript">
function(){ return free.X();}
</source>
This function returns the x-coordinate of the point "free".

[[Category:Examples]]