Point: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 8: Line 8:
</script>
</script>
</source>
</source>
</html>
The JavaScript code has to be placed AFTER the div element which will contain the construction.
The JavaScript code has to be placed AFTER the div element which will contain the construction.
From now on, we will only show the JavaScript code.
From now on, we will only show the JavaScript code.

Revision as of 09:26, 17 September 2008

This example shows how to construct a simple, draggable point. It is produced by the following commands:

<div id="jxgbox" class="jxgbox" style="width:500px; height:200px; float:left; "></div>
<script type="text/javascript">
 var board = JXG.JSXGraph.initBoard('jxgbox', {originX: 200, originY: 100, unitX: 50, unitY: 50});
 var p = board.createElement('point',[1,1]);
</script>

</html> The JavaScript code has to be placed AFTER the div element which will contain the construction. From now on, we will only show the JavaScript code. <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>

<script type="text/javascript">

var board = JXG.JSXGraph.initBoard('jxgbox', {originX: 200, originY: 100, unitX: 50, unitY: 50});
var p = board.createElement('point',[1,1]);

</script>