Infinity - Revision history

A WASSERMANN at 10:48, 17 January 2012

2012-01-17T10:48:25Z

← Older revision		Revision as of 10:48, 17 January 2012
Line 36:		Line 36:
	quadrangle(arr, --n);		quadrangle(arr, --n);
	}		}
	quadrangle(points,4);		quadrangle(points,30);
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 10:48, 17 January 2012

2012-01-17T10:48:00Z

← Older revision		Revision as of 10:48, 17 January 2012
Line 36:		Line 36:
	quadrangle(arr, --n);		quadrangle(arr, --n);
	}		}
	quadrangle(points,30);		quadrangle(points,4);
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	</jsxgraph>		</jsxgraph>

Michael at 07:43, 8 June 2011

2011-06-08T07:43:50Z

← Older revision		Revision as of 07:43, 8 June 2011
Line 41:		Line 41:

	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: ~~300~~, ~~originY: 300~~, ~~unitX: 50~~, ~~unitY: 50~~});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-6, 6, 10, -8]});
	brd.suspendUpdate();		brd.suspendUpdate();
	var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});		var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});

Michael at 07:43, 8 June 2011

2011-06-08T07:43:22Z

← Older revision		Revision as of 07:43, 8 June 2011
Line 1:		Line 1:
	== Just enjoy this construction... ==		== Just enjoy this construction... ==
	<~~html>~~		<jsxgraph box="jxgbox" width="800" height="700">
	~~<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />~~		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-6, 6, 10, -8]});
	~~<script type="text/javascript" src="http://~~jsxgraph~~.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~
	~~<div id~~="jxgbox" ~~class~~="~~jxgbox~~" ~~style="width:800px;~~ height~~:700px;"></div>~~
	~~<script language~~="~~JavaScript~~">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: ~~300~~, ~~originY: 300~~, ~~unitX: 50~~, ~~unitY: 50~~});
	brd.suspendUpdate();		brd.suspendUpdate();
	var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});		var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});
Line 33:		Line 29:
	}}(i)		}}(i)
	],		],
	{~~style~~:3, name:"",withLabel:false,visible:false});		{size:1, name:"",withLabel:false,visible:false});
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
Line 42:		Line 38:
	quadrangle(points,30);		quadrangle(points,30);
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	<~~/script>~~		</jsxgraph>
	~~</html>~~
	~~<source lang="html4strict">~~
	~~<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/jsxgraphcore.js"></script>~~
	~~<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>~~
	~~<script language="JavaScript">~~
	~~</source>~~
	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});
	brd.suspendUpdate();		brd.suspendUpdate();
	var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});		var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});
	var hue = brd.create('slider', [[-5,-7],[5,-7],[0,8,36]], {name:'color'});		var hue = brd.create('slider', [[-5,-7],[5,-7],[0,8,36]], {name:'color'});
	var points = new Array();		var points = new Array();
	points[0] = brd.create('point',[5, 5], {name:' '});		points[0] = brd.create('point',[5, 5], {name:' '});
	points[1] = brd.create('point',[-5, 5], {name:' '});		points[1] = brd.create('point',[-5, 5], {name:' '});
	points[2] = brd.create('point',[-5, -5], {name:' '});		points[2] = brd.create('point',[-5, -5], {name:' '});
	points[3] = brd.create('point',[5, -5], {name:' '});		points[3] = brd.create('point',[5, -5], {name:' '});

	function quadrangle(pt, n) {		function quadrangle(pt, n) {
	var col;		var col;
	var arr = new Array();		var arr = new Array();
	for(var i = 0; i < 4; i++) {		for(var i = 0; i < 4; i++) {
	arr[i] = brd.create('point',		arr[i] = brd.create('point',
	[function(t) {		[function(t) {
	return function () {var x = pt[t].X();		return function () {var x = pt[t].X();
	var x1 = pt[(t+1)%4].X();		var x1 = pt[(t+1)%4].X();
	var s = S.Value();		var s = S.Value();
	return x+(x1-x)*s;		return x+(x1-x)*s;
	}}(i),		}}(i),
	function(t) {		function(t) {
	return function () {var y = pt[t].Y();		return function () {var y = pt[t].Y();
	var y1 = pt[(t+1)%4].Y();		var y1 = pt[(t+1)%4].Y();
	var s = S.Value();		var s = S.Value();
	return y+(y1-y)*s;		return y+(y1-y)*s;
	}}(i)		}}(i)
	],		],
	{~~style~~:3, name:"",withLabel:false,visible:false});		{size:1, name:"",withLabel:false,visible:false});
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
	brd.create('polygon',pt, {fillColor:col});		brd.create('polygon',pt, {fillColor:col});
	if(n>0)		if(n>0)
	quadrangle(arr, --n);		quadrangle(arr, --n);
	}		}
	quadrangle(points,30);		quadrangle(points,30);
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	~~</source>~~
	~~<source lang="html4strict">~~
	~~</script>~~
	</source>		</source>

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

A WASSERMANN at 08:01, 22 July 2010

2010-07-22T08:01:11Z

← Older revision		Revision as of 08:01, 22 July 2010
Line 36:		Line 36:
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
	brd.create('polygon',pt, {fillColor:col~~,strokeWidth:1~~});		brd.create('polygon',pt, {fillColor:col});
	if(n>0)		if(n>0)
	quadrangle(arr, --n);		quadrangle(arr, --n);

A WASSERMANN at 08:00, 22 July 2010

2010-07-22T08:00:50Z

← Older revision		Revision as of 08:00, 22 July 2010
Line 36:		Line 36:
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
	brd.create('polygon',pt, {fillColor:col});		brd.create('polygon',pt, {fillColor:col,strokeWidth:1});
	if(n>0)		if(n>0)
	quadrangle(arr, --n);		quadrangle(arr, --n);

A WASSERMANN at 08:00, 22 July 2010

2010-07-22T08:00:16Z

← Older revision		Revision as of 08:00, 22 July 2010
Line 44:		Line 44:
	</script>		</script>
	</html>		</html>
	<source lang="~~xml~~">		<source lang="html4strict">
	<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/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>		<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>
	<script language="JavaScript">		<script language="JavaScript">
			</source>
			<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});
	brd.suspendUpdate();		brd.suspendUpdate();
Line 86:		Line 88:
	quadrangle(points,30);		quadrangle(points,30);
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
			</source>
			<source lang="html4strict">
	</script>		</script>
	</source>		</source>

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

A WASSERMANN at 15:43, 12 March 2010

2010-03-12T15:43:46Z

← Older revision		Revision as of 15:43, 12 March 2010
Line 5:		Line 5:
	<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>		<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>
	<script language="JavaScript">		<script language="JavaScript">
	var ~~board~~ = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});
	~~board~~.suspendUpdate();		brd.suspendUpdate();
	var S = ~~board~~.~~createElement~~('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});		var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});
	var hue = ~~board~~.~~createElement~~('slider', [[-5,-7],[5,-7],[0,8,36]], {name:'color'});		var hue = brd.create('slider', [[-5,-7],[5,-7],[0,8,36]], {name:'color'});
	var points = new Array();		var points = new Array();
	points[0] = ~~board~~.~~createElement~~('point',[5, 5], {name:' '});		points[0] = brd.create('point',[5, 5], {name:' '});
	points[1] = ~~board~~.~~createElement~~('point',[-5, 5], {name:' '});		points[1] = brd.create('point',[-5, 5], {name:' '});
	points[2] = ~~board~~.~~createElement~~('point',[-5, -5], {name:' '});		points[2] = brd.create('point',[-5, -5], {name:' '});
	points[3] = ~~board~~.~~createElement~~('point',[5, -5], {name:' '});		points[3] = brd.create('point',[5, -5], {name:' '});

	function quadrangle(pt, n) {		function quadrangle(pt, n) {
	var col;		var col;
	var arr = new Array();		var arr = new Array();
	for(var i = 0; i < 4; i++) {		for(var i = 0; i < 4; i++) {
	arr[i] = ~~board~~.~~createElement~~('point',		arr[i] = brd.create('point',
	[function(t) {		[function(t) {
	return function () {var x = pt[t].X();		return function () {var x = pt[t].X();
Line 36:		Line 36:
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
	~~board~~.~~createElement~~('polygon',pt, {fillColor:col});		brd.create('polygon',pt, {fillColor:col});
	if(n>0)		if(n>0)
	quadrangle(arr, --n);		quadrangle(arr, --n);
	}		}
	quadrangle(points,30);		quadrangle(points,30);
	~~board~~.unsuspendUpdate();		brd.unsuspendUpdate();
	</script>		</script>
	</html>		</html>
Line 49:		Line 49:
	<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>		<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>
	<script language="JavaScript">		<script language="JavaScript">
	var ~~board~~ = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});		var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 300, unitX: 50, unitY: 50});
	~~board~~.suspendUpdate();		brd.suspendUpdate();
	var S = ~~board~~.~~createElement~~('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});		var S = brd.create('slider', [[-5,-6],[5,-6],[0,0.95,1]], {name:'S'});
	var hue = ~~board~~.~~createElement~~('slider', [[-5,-7],[5,-7],[0,8,36]], {name:'color'});		var hue = brd.create('slider', [[-5,-7],[5,-7],[0,8,36]], {name:'color'});
	var points = new Array();		var points = new Array();
	points[0] = ~~board~~.~~createElement~~('point',[5, 5], {name:' '});		points[0] = brd.create('point',[5, 5], {name:' '});
	points[1] = ~~board~~.~~createElement~~('point',[-5, 5], {name:' '});		points[1] = brd.create('point',[-5, 5], {name:' '});
	points[2] = ~~board~~.~~createElement~~('point',[-5, -5], {name:' '});		points[2] = brd.create('point',[-5, -5], {name:' '});
	points[3] = ~~board~~.~~createElement~~('point',[5, -5], {name:' '});		points[3] = brd.create('point',[5, -5], {name:' '});

	function quadrangle(pt, n) {		function quadrangle(pt, n) {
	var col;		var col;
	var arr = new Array();		var arr = new Array();
	for(var i = 0; i < 4; i++) {		for(var i = 0; i < 4; i++) {
	arr[i] = ~~board~~.~~createElement~~('point',		arr[i] = brd.create('point',
	[function(t) {		[function(t) {
	return function () {var x = pt[t].X();		return function () {var x = pt[t].X();
Line 80:		Line 80:
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
	~~board~~.~~createElement~~('polygon',pt, {fillColor:col});		brd.create('polygon',pt, {fillColor:col});
	if(n>0)		if(n>0)
	quadrangle(arr, --n);		quadrangle(arr, --n);
	}		}
	quadrangle(points,30);		quadrangle(points,30);
	~~board~~.unsuspendUpdate();		brd.unsuspendUpdate();
	</script>		</script>
	</source>		</source>

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

A WASSERMANN at 14:22, 29 October 2009

2009-10-29T14:22:24Z

← Older revision		Revision as of 14:22, 29 October 2009
Line 1:		Line 1:
	~~Here [http://jquery.com jQuery] is used instead of [http://prototypejs.org Prototype].~~
	== Just enjoy this construction... ==		== Just enjoy this construction... ==
	<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/jquery.min.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:800px; height:700px;"></div>		<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>
Line 48:		Line 46:
	<source lang="xml">		<source lang="xml">
	<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/jquery.min.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:800px; height:700px;"></div>		<div id="jxgbox" class="jxgbox" style="width:800px; height:700px;"></div>

A WASSERMANN at 16:00, 28 September 2009

2009-09-28T16:00:07Z

← Older revision		Revision as of 16:00, 28 September 2009
Line 35:		Line 35:
	}}(i)		}}(i)
	],		],
	{style:3, name:" ",visible:false});		{style:3, name:"",withLabel:false,visible:false});
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};
Line 80:		Line 80:
	}}(i)		}}(i)
	],		],
	{style:3, name:" "});		{style:3, name:"",withLabel:false,visible:false});
	}		}
	col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};		col = function(){return JXG.hsv2rgb(hue.Value()*n,0.7,0.9);};