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
|
<html>
<head>
<title>JSXGraph Geogebra example</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/GeogebraReader.js"></script>
</head>
<body>
<body id="body">
<div id="box" class='jxgbox' style="width:1000px; height:400px;"></div>
<form>
<p>
Geogebra examples: <br>
<select id="beispiele_geo">
<option value='PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPGdlb2dlYnJhIGZvcm1hdD0iMy4wMSI+CjxndWk+Cgk8c2hvdyBhbGdlYnJhVmlldz0idHJ1ZSIgYXV4aWxpYXJ5T2JqZWN0cz0iZmFsc2UiIGFsZ2VicmFJbnB1dD0idHJ1ZSIgY21kTGlzdD0idHJ1ZSIvPgoJPHNwbGl0RGl2aWRlciBsb2M9IjI1MCIgbG9jVmVydGljYWw9IjQwMCIgaG9yaXpvbnRhbD0idHJ1ZSIvPgoJPGZvbnQgIHNpemU9IjEyIi8+CjwvZ3VpPgo8ZXVjbGlkaWFuVmlldz4KCTxzaXplICB3aWR0aD0iNjM5IiBoZWlnaHQ9IjUzNCIvPgoJPGNvb3JkU3lzdGVtIHhaZXJvPSIyMTUuMCIgeVplcm89IjMxNS4wIiBzY2FsZT0iNTAuMCIgeXNjYWxlPSI1MC4wIi8+Cgk8ZXZTZXR0aW5ncyBheGVzPSJ0cnVlIiBncmlkPSJmYWxzZSIgcG9pbnRDYXB0dXJpbmc9IjMiIHBvaW50U3R5bGU9IjAiIHJpZ2h0QW5nbGVTdHlsZT0iMiIvPgoJPGJnQ29sb3Igcj0iMjU1IiBnPSIyNTUiIGI9IjI1NSIvPgoJPGF4ZXNDb2xvciByPSIwIiBnPSIwIiBiPSIwIi8+Cgk8Z3JpZENvbG9yIHI9IjE5MiIgZz0iMTkyIiBiPSIxOTIiLz4KCTxsaW5lU3R5bGUgYXhlcz0iMSIgZ3JpZD0iMTAiLz4KCTxheGlzIGlkPSIwIiBzaG93PSJ0cnVlIiBsYWJlbD0iIiB1bml0TGFiZWw9IiIgdGlja1N0eWxlPSIxIiBzaG93TnVtYmVycz0idHJ1ZSIvPgoJPGF4aXMgaWQ9IjEiIHNob3c9InRydWUiIGxhYmVsPSIiIHVuaXRMYWJlbD0iIiB0aWNrU3R5bGU9IjEiIHNob3dOdW1iZXJzPSJ0cnVlIi8+CjwvZXVjbGlkaWFuVmlldz4KPGtlcm5lbD4KCTxjb250aW51b3VzIHZhbD0iZmFsc2UiLz4KCTxkZWNpbWFscyB2YWw9IjIiLz4KCTxhbmdsZVVuaXQgdmFsPSJkZWdyZWUiLz4KCTxjb29yZFN0eWxlIHZhbD0iMCIvPgo8L2tlcm5lbD4KPGNvbnN0cnVjdGlvbiB0aXRsZT0iIiBhdXRob3I9IiIgZGF0ZT0iIj4KPGVsZW1lbnQgdHlwZT0icG9pbnQiIGxhYmVsPSJBIj4KCTxzaG93IG9iamVjdD0idHJ1ZSIgbGFiZWw9InRydWUiLz4KCTxvYmpDb2xvciByPSIwIiBnPSIwIiBiPSIyNTUiIGFscGhhPSIwLjAiLz4KCTxsYWJlbE1vZGUgdmFsPSIwIi8+Cgk8YW5pbWF0aW9uIHN0ZXA9IjAuMSIvPgoJPGZpeGVkIHZhbD0iZmFsc2UiLz4KCTxicmVha3BvaW50IHZhbD0iZmFsc2UiLz4KCTxjb29yZHMgeD0iMS4wIiB5PSIxLjAiIHo9IjEuMCIvPgoJPGNvb3JkU3R5bGUgc3R5bGU9ImNhcnRlc2lhbiIvPgoJPHBvaW50U2l6ZSB2YWw9IjMiLz4KPC9lbGVtZW50Pgo8L2NvbnN0cnVjdGlvbj4KPC9nZW9nZWJyYT4='>Stringtest 1 (Punkt)</option>
<option value='PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPGdlb2dlYnJhIGZvcm1hdD0iMy4wMSI+CjxndWk+Cgk8c2hvdyBhbGdlYnJhVmlldz0idHJ1ZSIgYXV4aWxpYXJ5T2JqZWN0cz0iZmFsc2UiIGFsZ2VicmFJbnB1dD0idHJ1ZSIgY21kTGlzdD0idHJ1ZSIvPgoJPHNwbGl0RGl2aWRlciBsb2M9IjI1MCIgbG9jVmVydGljYWw9IjQwMCIgaG9yaXpvbnRhbD0idHJ1ZSIvPgoJPGZvbnQgIHNpemU9IjEyIi8+CjwvZ3VpPgo8ZXVjbGlkaWFuVmlldz4KCTxzaXplICB3aWR0aD0iNjM5IiBoZWlnaHQ9IjUzNCIvPgoJPGNvb3JkU3lzdGVtIHhaZXJvPSIyMTUuMCIgeVplcm89IjMxNS4wIiBzY2FsZT0iNTAuMCIgeXNjYWxlPSI1MC4wIi8+Cgk8ZXZTZXR0aW5ncyBheGVzPSJ0cnVlIiBncmlkPSJmYWxzZSIgcG9pbnRDYXB0dXJpbmc9IjMiIHBvaW50U3R5bGU9IjAiIHJpZ2h0QW5nbGVTdHlsZT0iMiIvPgoJPGJnQ29sb3Igcj0iMjU1IiBnPSIyNTUiIGI9IjI1NSIvPgoJPGF4ZXNDb2xvciByPSIwIiBnPSIwIiBiPSIwIi8+Cgk8Z3JpZENvbG9yIHI9IjE5MiIgZz0iMTkyIiBiPSIxOTIiLz4KCTxsaW5lU3R5bGUgYXhlcz0iMSIgZ3JpZD0iMTAiLz4KCTxheGlzIGlkPSIwIiBzaG93PSJ0cnVlIiBsYWJlbD0iIiB1bml0TGFiZWw9IiIgdGlja1N0eWxlPSIxIiBzaG93TnVtYmVycz0idHJ1ZSIvPgoJPGF4aXMgaWQ9IjEiIHNob3c9InRydWUiIGxhYmVsPSIiIHVuaXRMYWJlbD0iIiB0aWNrU3R5bGU9IjEiIHNob3dOdW1iZXJzPSJ0cnVlIi8+CjwvZXVjbGlkaWFuVmlldz4KPGtlcm5lbD4KCTxjb250aW51b3VzIHZhbD0iZmFsc2UiLz4KCTxkZWNpbWFscyB2YWw9IjIiLz4KCTxhbmdsZVVuaXQgdmFsPSJkZWdyZWUiLz4KCTxjb29yZFN0eWxlIHZhbD0iMCIvPgo8L2tlcm5lbD4KPGNvbnN0cnVjdGlvbiB0aXRsZT0iIiBhdXRob3I9IiIgZGF0ZT0iIj4KPGVsZW1lbnQgdHlwZT0ibnVtZXJpYyIgbGFiZWw9ImEiPgoJPHZhbHVlIHZhbD0iMi40MDAwMDAwMDAwMDAwMDA0Ii8+Cgk8c2hvdyBvYmplY3Q9InRydWUiIGxhYmVsPSJ0cnVlIi8+Cgk8b2JqQ29sb3Igcj0iMCIgZz0iMCIgYj0iMCIgYWxwaGE9IjAuMSIvPgoJPGxhYmVsTW9kZSB2YWw9IjEiLz4KCTxzbGlkZXIgbWluPSItNS4wIiBtYXg9IjUuMCIgYWJzb2x1dGVTY3JlZW5Mb2NhdGlvbj0idHJ1ZSIgd2lkdGg9IjEwMC4wIiB4PSI0MDkuMCIgeT0iOTQuMCIgZml4ZWQ9ImZhbHNlIiBob3Jpem9udGFsPSJ0cnVlIi8+Cgk8bGluZVN0eWxlIHRoaWNrbmVzcz0iMiIgdHlwZT0iMCIvPgoJPGFuaW1hdGlvbiBzdGVwPSIwLjEiLz4KCTxicmVha3BvaW50IHZhbD0iZmFsc2UiLz4KPC9lbGVtZW50Pgo8ZXhwcmVzc2lvbiBsYWJlbD0iQSIgZXhwPSIoYSwgYSkiIHR5cGU9InBvaW50IiAvPgo8ZWxlbWVudCB0eXBlPSJwb2ludCIgbGFiZWw9IkEiPgoJPHNob3cgb2JqZWN0PSJ0cnVlIiBsYWJlbD0idHJ1ZSIvPgoJPG9iakNvbG9yIHI9IjAiIGc9IjAiIGI9IjI1NSIgYWxwaGE9IjAuMCIvPgoJPGxhYmVsTW9kZSB2YWw9IjAiLz4KCTxicmVha3BvaW50IHZhbD0iZmFsc2UiLz4KCTxjb29yZHMgeD0iMi40MDAwMDAwMDAwMDAwMDA0IiB5PSIyLjQwMDAwMDAwMDAwMDAwMDQiIHo9IjEuMCIvPgoJPGNvb3JkU3R5bGUgc3R5bGU9ImNhcnRlc2lhbiIvPgoJPHBvaW50U2l6ZSB2YWw9IjMiLz4KPC9lbGVtZW50Pgo8L2NvbnN0cnVjdGlvbj4KPC9nZW9nZWJyYT4='>Stringtest 2 (mehr)</option>
</select>
<input type='button' value='load string' onclick="loadFile('beispiele_geo','Geogebra')" />
</form>
<div id="debug" style="display:block;"></div>
<script type="text/javascript">
var board;
function loadFile(bspname, format) {
document.getElementById('box').innerHTML = '';
var value = document.getElementById(bspname).options[document.getElementById(bspname).selectedIndex].value;
var text = document.getElementById(bspname).options[document.getElementById(bspname).selectedIndex].text;
document.getElementById('debug').innerHTML = "<b>Debug (lade "+ text +" ...):</b>";
if(typeof board != 'undefined') JXG.JSXGraph.freeBoard(board);
document.title = "JSXGraph example: "+ text;
board = JXG.JSXGraph.loadBoardFromString('box',value, format);
}
</script>
</body>
</html>
|
