Interactive JessieScript: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<jsxgraph width="600" height="450" box="box">
<jsxgraph width="600" height="450" box="box">
var board, construction = [];
var board, construction = [];
board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
board = JXG.JSXGraph.initBoard('box', {grid:false, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});


function construct() {
function construct() {
     var t = document.getElementById('input').value;
     var t = document.getElementById('input').value;
    board.suspendUpdate();
     construction.push(board.construct(t));
     construction.push(board.construct(t));
    board.unsuspendUpdate();
}
function clearAll() {
    JXG.JSXGraph.freeBoard(board);
    board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
}
}
</jsxgraph>
</jsxgraph>


Type the construction and press "set".
<br>
<br>
<html>
<html>
<form><textarea id="input" cols=50 rows=4>
<form><textarea id="input" cols=50 rows=4>
A(1,1);B(2,2.5);C(1,3);G(5,3);H(6,4);[GH];k(G,1);AB(5,-1);X(6,-1);Y(7,-2);k(Y,X);k(A,[BC]);k(B,[AC]);
A(1,1);B(2,2.5);C(1,3);[AB];k(B,[AC]);
</textarea>
</textarea>
<br>
<br>
<input type="button" value="set" onClick="construct()">
<input type="button" value="set" onClick="construct()">
<input type="button" value="clear all" onClick="clearAll()">
</form>
</form>
</html>
</html>
===Available commands===
See our [http://jsxgraph.uni-bayreuth.de/wp/documentation/ documentation page] for a list of commands.
==The JavaScript code==
<source lang="javascript">
var board, construction = [];
board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
function construct() {
    var t = document.getElementById('input').value;
    board.suspendUpdate();
    construction.push(board.construct(t));
    board.unsuspendUpdate();
}
function clearAll() {
    JXG.JSXGraph.freeBoard(board);
    board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
}
</source>
[[Category:Geometry]]
[[Category:Examples]]

Revision as of 07:48, 8 June 2011



Available commands

See our documentation page for a list of commands.

The JavaScript code

var board, construction = [];
board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});

function construct() {
    var t = document.getElementById('input').value;
    board.suspendUpdate();
    construction.push(board.construct(t));
    board.unsuspendUpdate();
}

function clearAll() {
    JXG.JSXGraph.freeBoard(board);
    board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
}