Construction of a constrained point - Revision history

132.180.198.9: Removing all content from page

2008-09-17T10:09:45Z

Removing all content from page

← Older revision		Revision as of 10:09, 17 September 2008
Line 1:		Line 1:
	~~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]]~~

132.180.198.9 at 10:08, 17 September 2008

2008-09-17T10:08:26Z

← Older revision		Revision as of 10:08, 17 September 2008
Line 1:		Line 1:
	A point can depend on another geometric object. This dependence can be given by using JavaScript syntax or by using		A point can depend on another geometric object. This dependence can be given by using JavaScript syntax or by using
	GEONExT syntax. Here is an example using GEONExT syntax.		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		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.		to the x-coordinate of A.
Line 19:		Line 21:
	</script>		</script>
	</html>		</html>
			=== JavaScript syntax ===
	Now we do exactly the same with JavaScript syntax.		Now we do exactly the same with JavaScript syntax.
	<source lang="javascript">		<source lang="javascript">

132.180.198.9 at 10:07, 17 September 2008

2008-09-17T10:07:29Z

← Older revision		Revision as of 10:07, 17 September 2008
Line 36:		Line 36:
	The JavaScript syntax is much more robust against changes of the construction, but of course it looks more complicated.		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:		Lets look at it again in detail:
	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.createElement('point',[0,0], {name:'A', style:5});
	</source>		</source>
	Then we construct the dependend point dep.		Then we construct the dependend 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});
	</source>		</source>
	The first coordinate of dep is given as an anonymous function:		The first coordinate of "dep" is given as an anonymous function:
	<source lang="javascript">		<source lang="javascript">
	function(){ return free.X();}		function(){ return free.X();}
	</source>		</source>
	This function returns the x-coordinate of the point free.		This function returns the x-coordinate of the point "free".


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

132.180.198.9 at 10:07, 17 September 2008

2008-09-17T10:07:02Z

@@ Line 34: / Line 34: @@
 </script>
 </html>
 [[Category:Examples]]

132.180.198.9 at 10:03, 17 September 2008

2008-09-17T10:03:32Z

← Older revision		Revision as of 10:03, 17 September 2008
Line 23:		Line 23:
	<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 = b.createElement('point',[0,0], {name:'A', style:5});		var free = b2.createElement('point',[0,0], {name:'A', style:5});
	var dep = b.createElement('point',["X(A)",1], {name:'B', style:8});		var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});
	</source>		</source>
	<html>		<html>
Line 31:		Line 31:
	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.createElement('point',[0,0], {name:'A', style:5});
	var dep = b2.createElement('point',["X(A)",1], {name:'B', style:8});		var dep = b2.createElement('point',[function(){ return free.X();}, 1], {name:'B', style:8});
	</script>		</script>
			</html>
	~~== More ==~~

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

132.180.198.9 at 10:02, 17 September 2008

2008-09-17T10:02:36Z

← Older revision		Revision as of 10:02, 17 September 2008
Line 34:		Line 34:
	</script>		</script>

			== More ==

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

132.180.198.9 at 10:02, 17 September 2008

2008-09-17T10:02:08Z

@@ Line 18: / Line 18: @@
 var dep = b.createElement('point',["X(A)",1], {name:'B', style:8});
 </script>
 </html>
 [[Category:Examples]]

132.180.198.9 at 09:58, 17 September 2008

2008-09-17T09:58:55Z

← Older revision		Revision as of 09:58, 17 September 2008
Line 6:		Line 6:
	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.createElement('point',[0,0], {name:'A', style:5});
	var dep = b.createElement('point',["X(A)",1], {name:'B, style:8});		var dep = b.createElement('point',["X(A)",1], {name:'B', style:8});
	</source>		</source>
	<html>		<html>
Line 16:		Line 16:
	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.createElement('point',[0,0], {name:'A', style:5});
	var dep = b.createElement('point',["X(A)",1], {name:'B, style:8});		var dep = b.createElement('point',["X(A)",1], {name:'B', style:8});
	</script>		</script>
	<br clear=all>		<br clear=all>

132.180.198.9 at 09:58, 17 September 2008

2008-09-17T09:58:29Z

← Older revision		Revision as of 09:58, 17 September 2008
Line 12:		Line 12:
	<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/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~~; float:left~~; "></div>		<div id="jxgbox1" class="jxgbox" style="width:600px; height:200px;"></div>
	<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});

132.180.198.9 at 09:57, 17 September 2008

2008-09-17T09:57:48Z

← Older revision		Revision as of 09:57, 17 September 2008
Line 9:		Line 9:
	</source>		</source>
	<html>		<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; float:left; "></div>		<div id="jxgbox1" class="jxgbox" style="width:600px; height:200px; float:left; "></div>
	<script type="text/javascript">		<script type="text/javascript">