Grouping objects - Revision history

Michael at 14:34, 7 June 2011

2011-06-07T14:34:49Z

← Older revision		Revision as of 14:34, 7 June 2011
Line 11:		Line 11:
	</jsxgraph>		</jsxgraph>

	===The underlying JavaScript code===		==The underlying JavaScript code==
	<source lang="javascript">		<source lang="javascript">
	var b1 = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 3, 6, -3]});		var b1 = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 3, 6, -3]});

Michael at 14:34, 7 June 2011

2011-06-07T14:34:08Z

← Older revision		Revision as of 14:34, 7 June 2011
Line 1:		Line 1:
	<~~html>~~		<jsxgraph width="500" height="300" box="jxgbox">
	~~<link rel="stylesheet" type="text/css" href="http://~~jsxgraph~~.uni-bayreuth.de/distrib/jsxgraph.css" />~~		var b1 = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 3, 6, -3]});
	~~<script type~~="~~text/javascript~~" ~~src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~
	~~<div id~~="~~jxgbox~~" ~~class~~="jxgbox~~" style="width:500px; height:300px;"></div>~~
	~~<script type="text/javascript~~">
	var b1 = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: ~~200~~, ~~originY: 150~~, ~~unitX: 50~~, ~~unitY: 50~~});
	var pArr = [];		var pArr = [];
	pArr[0] = b1.~~createElement~~('point',[0,0], {~~name~~:~~'A',style:6~~});		pArr[0] = b1.create('point',[0,0], {size:4});
	pArr[1] = b1.~~createElement~~('point',[2,1], {~~name:'B',style~~:6});		pArr[1] = b1.create('point',[2,1], {size:4});
	pArr[2] = b1.~~createElement~~('point',[2,2], {~~name:'C',style~~:6});		pArr[2] = b1.create('point',[2,2], {size:4});
	pArr[3] = b1.~~createElement~~('point',[0,1], {~~name:'D',style~~:6});		pArr[3] = b1.create('point',[0,1], {size:4});

	var poly = b1.~~createElement~~('polygon',pArr);		var poly = b1.create('polygon',pArr);
	var gr = b1.~~createElement~~('group',pArr);		var gr = b1.create('group',pArr);
	</~~script>~~		</jsxgraph>
	~~</html~~>

	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	var b1 = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: ~~200~~, ~~originY: 150~~, ~~unitX: 50~~, ~~unitY: 50~~});		var b1 = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 3, 6, -3]});
	var pArr = [];		var pArr = [];
	pArr[0] = b1.~~createElement~~('point',[0,0], {~~name~~:~~'A',style:6~~});		pArr[0] = b1.create('point',[0,0], {size:4});
	pArr[1] = b1.~~createElement~~('point',[2,1], {~~name:'B',style~~:6});		pArr[1] = b1.create('point',[2,1], {size:4});
	pArr[2] = b1.~~createElement~~('point',[2,2], {~~name:'C',style~~:6});		pArr[2] = b1.create('point',[2,2], {size:4});
	pArr[3] = b1.~~createElement~~('point',[0,1], {~~name:'D',style~~:6});		pArr[3] = b1.create('point',[0,1], {size:4});

	var poly = b1.~~createElement~~('polygon~~',pArr);~~		var poly = b1.create('polygon',pArr);
	~~var gr = b1.createElement('group~~',pArr);
	</source>		</source>
	The points are grouped together with the following command:		The points are grouped together with the following command:
	<source lang="javascript">		<source lang="javascript">
	var gr = b1.~~createElement~~('group',pArr);		var gr = b1.create('group',pArr);
	</source>		</source>


	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 14:36, 29 October 2009

2009-10-29T14:36:38Z

← Older revision		Revision as of 14:36, 29 October 2009
Line 1:		Line 1:
	<html>		<html>
	<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>~~
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<div id="jxgbox" class="jxgbox" style="width:500px; height:300px;"></div>		<div id="jxgbox" class="jxgbox" style="width:500px; height:300px;"></div>

A WASSERMANN at 09:10, 17 December 2008

2008-12-17T09:10:18Z

← Older revision		Revision as of 09:10, 17 December 2008
Line 27:		Line 27:

	var poly = b1.createElement('polygon',pArr);		var poly = b1.createElement('polygon',pArr);
	var gr = ~~new JXG~~.~~Group~~(~~b1,'',~~'',pArr);		var gr = b1.createElement('group',pArr);
	</source>		</source>
	The points are grouped together with the following command:		The points are grouped together with the following command:
	~~<source lang="javascript">~~
	~~var gr = new JXG.Group(b1,'','',pArr);~~
	~~</source>~~
	~~In the next release (>0.66) this will be replaced by~~
	<source lang="javascript">		<source lang="javascript">
	var gr = b1.createElement('group',pArr);		var gr = b1.createElement('group',pArr);

A WASSERMANN at 09:09, 17 December 2008

2008-12-17T09:09:47Z

← Older revision		Revision as of 09:09, 17 December 2008
Line 13:		Line 13:

	var poly = b1.createElement('polygon',pArr);		var poly = b1.createElement('polygon',pArr);
	var gr = ~~new JXG~~.~~Group~~(~~b1,'',~~'',pArr);		var gr = b1.createElement('group',pArr);
	</script>		</script>
	</html>		</html>

A WASSERMANN at 13:23, 16 December 2008

2008-12-16T13:23:38Z

← Older revision		Revision as of 13:23, 16 December 2008
Line 29:		Line 29:
	var gr = new JXG.Group(b1,'','',pArr);		var gr = new JXG.Group(b1,'','',pArr);
	</source>		</source>
	The points are grouped together with the command		The points are grouped together with the following command:
	<source lang="javascript">		<source lang="javascript">
	var gr = new JXG.Group(b1,'','',pArr);		var gr = new JXG.Group(b1,'','',pArr);

A WASSERMANN at 13:23, 16 December 2008

2008-12-16T13:23:10Z

@@ Line 14: / Line 14: @@
 var poly = b1.createElement('polygon',pArr);
 var gr = new JXG.Group(b1,'','',pArr);
 </script>
 </html>
 [[Category:Examples]]

A WASSERMANN at 13:18, 16 December 2008

2008-12-16T13:18:27Z

← Older revision		Revision as of 13:18, 16 December 2008
Line 6:		Line 6:
	<script type="text/javascript">		<script type="text/javascript">
	var b1 = JXG.JSXGraph.initBoard('jxgbox', {originX: 200, originY: 150, unitX: 50, unitY: 50});		var b1 = JXG.JSXGraph.initBoard('jxgbox', {originX: 200, originY: 150, unitX: 50, unitY: 50});
	var p = [];		var pArr = [];
	p[0] = b1.createElement('point',[0,0], {name:'A',style:6});		pArr[0] = b1.createElement('point',[0,0], {name:'A',style:6});
	p[1] = b1.createElement('point',[2,1], {name:'B',style:6});		pArr[1] = b1.createElement('point',[2,1], {name:'B',style:6});
	p[2] = b1.createElement('point',[2,2], {name:'C',style:6});		pArr[2] = b1.createElement('point',[2,2], {name:'C',style:6});
	p[3] = b1.createElement('point',[0,1], {name:'D',style:6});		pArr[3] = b1.createElement('point',[0,1], {name:'D',style:6});

			var poly = b1.createElement('polygon',pArr);
			var gr = new JXG.Group(b1,'','',pArr);


			var qArr = [];
			qArr[0] = b1.createElement('point',[-1,0], {name:'a',style:6});
			qArr[1] = b1.createElement('point',[-2,-1], {name:'b',style:6});
			qArr[2] = b1.createElement('point',[-2,-2], {name:'c',style:6});
			qArr[3] = b1.createElement('point',[0,-1], {name:'d',style:6});

	~~var poly = b1.createElement('polygon',p);~~
	~~var g = new JXG.Group(b1,'','',p);~~
	</script>		</script>
	</html>		</html>

A WASSERMANN at 13:16, 16 December 2008

2008-12-16T13:16:58Z

← Older revision		Revision as of 13:16, 16 December 2008
Line 13:		Line 13:

	var poly = b1.createElement('polygon',p);		var poly = b1.createElement('polygon',p);
	var g = new JXG.Group('','',p);		var g = new JXG.Group(b1,'','',p);
	</script>		</script>
	</html>		</html>

A WASSERMANN at 13:16, 16 December 2008

2008-12-16T13:16:07Z

← Older revision		Revision as of 13:16, 16 December 2008
Line 13:		Line 13:

	var poly = b1.createElement('polygon',p);		var poly = b1.createElement('polygon',p);
	var g = b1.~~createElement~~('~~group~~',p);		var g = new JXG.Group('','',p);
	</script>		</script>
	</html>		</html>