Difference between revisions of "Displaying GEONExT constructions"

From JSXGraph Wiki
Jump to navigationJump to search
Line 27: Line 27:
  
 
<html>
 
<html>
<div id="box" class="jxgbox" style="width:500px; height:500px;"></div>
+
<div id="box2" class="jxgbox" style="width:500px; height:500px;"></div>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
   JXG.JSXGraph.loadBoardFromFile('box2', '/geonext/viereck_gleiter_seiten.gxt', 'Geonext');
 
   JXG.JSXGraph.loadBoardFromFile('box2', '/geonext/viereck_gleiter_seiten.gxt', 'Geonext');
Line 35: Line 35:
 
=== Loading a GEONExT construction from a string ===
 
=== Loading a GEONExT construction from a string ===
 
The content of a GEONExT file is a string which contains the GEONExT XML description of the construction compressed by gzip and encoded with base64.
 
The content of a GEONExT file is a string which contains the GEONExT XML description of the construction compressed by gzip and encoded with base64.
This string can be written directly into the HTML file. Here is an example:
+
This string can be written directly into the HTML file.  
 +
This has the advantage that the HTML file is complete.
 +
Here is an example:
 
<source lang="xml">
 
<source lang="xml">
 
<div id="jxgbox2" class="jxgbox" style="width:500px; height:500px;"></div>
 
<div id="jxgbox2" class="jxgbox" style="width:500px; height:500px;"></div>

Revision as of 14:15, 17 September 2008

Loading a GEONExT construction from a file

Here, we load the content of the GEONExT file "pythagoras.gxt" into JSXGraph, i.e. into the division with the id "box".

<div id="box" class="jxgbox" style="width:500px; height:500px;"></div>
<script type="text/javascript">
  var brd = JXG.JSXGraph.loadBoardFromFile('box', 'http://jsxgraph.uni-bayreuth.de/geonext/Unendlich.gxt', 'Geonext');
</script>

Another example:

<div id="box2" class="jxgbox" style="width:500px; height:500px;"></div>
<script type="text/javascript">
  JXG.JSXGraph.loadBoardFromFile('box2', '/geonext/viereck_gleiter_seiten.gxt', 'Geonext');
</script>

Loading a GEONExT construction from a string

The content of a GEONExT file is a string which contains the GEONExT XML description of the construction compressed by gzip and encoded with base64. This string can be written directly into the HTML file. This has the advantage that the HTML file is complete. Here is an example:

<div id="jxgbox2" class="jxgbox" style="width:500px; height:500px;"></div>
<script type="text/javascript">
  var brd = JXG.JSXGraph.loadBoardFromString('jxgbox2', 'eNrtXOtv48YR/2z9FQv...+A+Ve+/sNQRlkZsVVddkvk/CpkHvA==', 'Geonext');
</script>