Difference between revisions of "MediaWiki example (dup)"

From JSXGraph Wiki
Jump to: navigation, search
(New page: <jsxgraph width="500" height="500"> var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2]}); var p = brd.create('point',[1.5,1.5],{face:'o', size:8}); var q = brd.create...)
 
Line 1: Line 1:
<jsxgraph width="500" height="500">
+
The MediaWiki Plugin introduces a new tag '''jsxgraph'''. It has three attributes:
 +
 
 +
{| cellpadding="8" cellspacing="0" border="1"
 +
! Attribute !! Effect
 +
|-
 +
| ''box'' || Defines the id of the div the construction is drawn on. The default value is '''jxgbox'''
 +
|-
 +
| ''width'' || The container's width
 +
|-
 +
| ''height'' || The container's height
 +
|}
 +
 
 +
 
 +
<jsxgraph box="jxgbox" width="500" height="500">
 
   var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2]});
 
   var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2]});
 
   var p = brd.create('point',[1.5,1.5],{face:'o', size:8});
 
   var p = brd.create('point',[1.5,1.5],{face:'o', size:8});
Line 8: Line 21:
 
===The underlying code===
 
===The underlying code===
 
<source lang="xml">
 
<source lang="xml">
<jsxgraph width="500" height="500">
+
<jsxgraph box="jxgbox" width="500" height="500">
 
   var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2]});
 
   var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2]});
 
   var p = brd.create('point',[1.5,1.5],{face:'o', size:8});
 
   var p = brd.create('point',[1.5,1.5],{face:'o', size:8});

Revision as of 10:13, 8 June 2011

The MediaWiki Plugin introduces a new tag jsxgraph. It has three attributes:

Attribute Effect
box Defines the id of the div the construction is drawn on. The default value is jxgbox
width The container's width
height The container's height


The underlying code

<jsxgraph box="jxgbox" width="500" height="500">
  var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2]});
  var p = brd.create('point',[1.5,1.5],{face:'o', size:8});
  var q = brd.create('point',[-1,-0.5],{face:'x', size:5});
  brd.create('segment',[p,q],{dash:3});
</jsxgraph>