1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<!--<html>-->
<head>
<title>JSXGraph: gxt2jessiecode</title>
<link rel="stylesheet" type="text/css" href="../distrib/jsxgraph.css" />
<script type="text/javascript" src="../src/loadjsxgraph.js"></script>
<script type="text/javascript" src="../src/reader/geonext.js"></script>
</head>
<body id="body">
<form>
<h1>1. Schritt: Hier den Inhalt der GEONExT-Datei einfügen:</h1>
<textarea id="input" cols="130" rows="2">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</textarea> <br />
<input type='button' value='read compressed Geonext file' onclick="loadFile('Geonext')" />
<input type='button' value='clear' onclick="document.getElementById('input').value = '';" />
<div id="box" class='jxgbox' style="width:800px; height:600px;"></div>
<!-- <input type='button' value='Show XML' onclick='board.showXML()'>--> <br />
<h1>2. Schritt: Generate Jessiecode output:</h1>
<input type='button' value='Jessiecode output' onclick="dump();" /> <br />
<textarea id="output" cols="130" rows="30"></textarea>
<h1>3. Schritt: Display Jessiecode output:</h1>
<input type='button' value='Display Jessiecode' onclick="parse();" /> <br />
<div id="box2" class='jxgbox' style="width:800px; height:600px;"></div>
</form>
<script>
var board, board2;
function loadFile(format) {
var value = document.getElementById('input').value;
document.getElementById('box').innerHTML = '';
//document.getElementById('debug').innerHTML = "<b>Debug:</b><p>";
if(typeof board != 'undefined') {
JXG.JSXGraph.freeBoard(board);
}
board = JXG.JSXGraph.loadBoardFromString('box', value, format);
}
function dump() {
document.getElementById('output').innerHTML = JXG.Dump.toJessie(board);
}
function parse() {
if(typeof board2 != 'undefined') {
JXG.JSXGraph.freeBoard(board2);
}
board2 = JXG.JSXGraph.initBoard('box2', {boundingbox:[-5,5,5,-5], keepaspectratio:true});
board2.jc.parse(document.getElementById('output').value);
}
</script>
</body>
</html>
|