MediaWiki example (dup): Difference between revisions

From JSXGraph Wiki
(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...)
 
No edit summary
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 09: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>