Construction of a constrained point: Difference between revisions
From JSXGraph Wiki
No edit summary |
No edit summary |
||
| Line 18: | Line 18: | ||
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> | ||
</html> | </html> | ||
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 = b.createElement('point',[0,0], {name:'A', style:5}); | |||
var dep = b.createElement('point',["X(A)",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',["X(A)",1], {name:'B', style:8}); | |||
</script> | |||
[[Category:Examples]] | [[Category:Examples]] | ||
Revision as of 10:02, 17 September 2008
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. 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.
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});
Now we do exactly the same with JavaScript syntax.
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 dep = b.createElement('point',["X(A)",1], {name:'B', style:8});
<html>
<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',["X(A)",1], {name:'B', style:8}); </script>
