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
|
<html>
<head>
<title>example</title>
<link rel="stylesheet" type="text/css" href="../distrib/jsxgraph.css" />
<script type="text/javascript" src="../distrib/jsxgraphcore.js"></script>
<script type="text/javascript" src="../src/reader/geonext.js"></script>
</head>
<body>
<div id="box1" style="width:800px; height:500px; overflow:hidden; border:1px dashed black; background-color:wheat; clip:rect(0px, 800px, 500px, 0px);">
</div>
<div id="box2" style="width:800px; height:500px; overflow:hidden; border:1px dashed black; background-color:wheat; clip:rect(0px, 800px, 500px, 0px);">
</div>
<div id="box3" style="width:800px; height:500px; overflow:hidden; border:1px dashed black; background-color:wheat; clip:rect(0px, 800px, 500px, 0px);">
</div>
<div id="box4" style="width:800px; height:500px; overflow:hidden; border:1px dashed black; background-color:wheat; clip:rect(0px, 800px, 500px, 0px);">
</div>
<script type="text/javascript">
/* <![CDATA[ */
var files = ['gxt/blubb1.nc.gxt', 'gxt/blubb2.nc.gxt', 'gxt/blubb3.nc.gxt', 'gxt/blubb81.nc.gxt'],
boards = [];
function loadingChain(step) {
if(step >= files.length)
return;
boards[step] = JXG.JSXGraph.loadBoardFromFile('box'+(step+1), files[step], 'Geonext');
window.setTimeout('loadingChain('+(step+1)+');', 4000);
}
loadingChain(0);
/*
board1 = JXG.JSXGraph.loadBoardFromFile('box1','gxt/blubb1.nc.gxt','Geonext');
board2 = JXG.JSXGraph.loadBoardFromFile('box2','gxt/blubb2.nc.gxt','Geonext');
board3 = JXG.JSXGraph.loadBoardFromFile('box3','gxt/blubb3.nc.gxt','Geonext');
board4 = JXG.JSXGraph.loadBoardFromFile('box4','gxt/blubb81.nc.gxt','Geonext');
*/
/* ]]> */
</script>
<div id="debug" style="position:relative; width:600px; height:100px; border:1px dashed black; background-color:white;">
</div>
</body>
</html>
|