MediaWiki example (dup): Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) (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>
