Unit circle - Revision history

Veillette at 13:14, 17 September 2013

2013-09-17T13:14:30Z

← Older revision		Revision as of 13:14, 17 September 2013
Line 13:		Line 13:
	var p5 = b.createElement('glider',[0.71,0.71,ci], {name:'A',size: 4, face: 'o'});		var p5 = b.createElement('glider',[0.71,0.71,ci], {name:'A',size: 4, face: 'o'});

	~~var angletheta = Math.atan2(p5.Y(),p5.X());~~
	~~var thetadegree = Math.atan2(p5.Y(),p5.X())*180/3.1415;~~

	~~function thetadegree2(pointa) {~~		var theta = b.create('angle', ['10','0','A'],{name:'θ',type:'sector', orthoType:'square', orthoSensitivity:2, radius:0.5});
	~~return ((Math.atan2(pointa.Y(),pointa.X())*180/3.1415).ToFixed(1));~~
	}

	theta = b.create('angle', ['10','0','A'],{name:'θ',type:'sector', orthoType:'square', orthoSensitivity:2, radius:0.5});

	var li1 = b.create('line',["10","11"], {strokeColor:'blue',strokeWidth:2,fixed:true});		var li1 = b.create('line',["10","11"], {strokeColor:'blue',strokeWidth:2,fixed:true});
Line 81:		Line 75:
	var p5 = b.createElement('glider',[0.71,0.71,ci], {name:'A',size: 4, face: 'o'});		var p5 = b.createElement('glider',[0.71,0.71,ci], {name:'A',size: 4, face: 'o'});

	~~var angletheta = Math.atan2(p5.Y(),p5.X());~~
	~~var thetadegree = Math.atan2(p5.Y(),p5.X())*180/3.1415;~~

	~~function thetadegree2(pointa) {~~
	~~return ((Math.atan2(pointa.Y(),pointa.X())*180/3.1415).ToFixed(1));~~
	}

	theta = b.create('angle', ['10','0','A'],{name:'θ',type:'sector', orthoType:'square', orthoSensitivity:2, radius:0.5});		var theta = b.create('angle', ['10','0','A'],{name:'θ',type:'sector', orthoType:'square', orthoSensitivity:2, radius:0.5});

	var li1 = b.create('line',["10","11"], {strokeColor:'blue',strokeWidth:2,fixed:true});		var li1 = b.create('line',["10","11"], {strokeColor:'blue',strokeWidth:2,fixed:true});

Veillette at 13:04, 17 September 2013

2013-09-17T13:04:19Z

@@ Line 1: / Line 1: @@
- <link rel="stylesheet" type="text/css" href="css/jsxgraph.css" />
- <script type="text/javascript" src="js/jsxgraphcore.js"></script>
+var li4 = b.create('line',["0",p6], {straightFirst:false,straightLast:false,lastarrow:true,strokeColor:'green',strokeWidth:2});
-</head>
+var li5 = b.create('line',["0",p7], {straightFirst:false,straightLast:false,lastarrow:true,strokeColor:'brown',strokeWidth:2});
-<html>
+var li8 = b.create('line',["01",p8], {straightFirst:false,lastarrow:true,straightLast:false,strokeColor:'pink',strokeWidth:2});
-<body id="graphing">
+var costext=b.create('text', [-1.0, -0.8, function(){return "cos("+(Math.atan2(p5.Y(),p5.X())*180/Math.PI).toFixed(1)+")="+p5.X().toFixed(3);}], {anchorX:'middle', cssClass:'mytext'});
-  <div id="main">
+var sintext=b.create('text', [-1.0, -0.9, function(){return "sin("+(Math.atan2(p5.Y(),p5.X())*180/Math.PI).toFixed(1)+")="+p5.Y().toFixed(3);}], {anchorX:'middle', cssClass:'mytext'});
-            <li class="menu_active"> <a href="examples.html">Examples</a>
+var tantext=b.create('text', [-1.0, -1.0, function(){return "tan("+(Math.atan2(p5.Y(),p5.X())*180/Math.PI).toFixed(1)+")="+p9.Y().toFixed(3);}], {anchorX:'middle', cssClass:'mytext'});
-<DIV ALIGN=CENTER>
+var csctext=b.create('text', [-1.0, -1.3, function(){return "csc("+(Math.atan2(p5.Y(),p5.X())*180/Math.PI).toFixed(1)+")="+(1/Math.sin( Math.atan2(p5.Y(),p5.X()))).toFixed(3);}], {anchorX:'middle', cssClass:'mytext'});
-<div id="box" class="jxgbox" style="width:800px; height:800px;"></div>
+=== The underlying JavaScript code ===
-<script type="text/javascript">
+<source lang="javascript">
 var b = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 1.5, 1.5, -1.5],axis:true});
 var p1 = b.createElement('point',[0,0], {name:'0',size: 4, face: 'o',fixed:true});
@@ Line 108: / Line 136: @@
 var csctext=b.create('text', [-1.0, -1.3, function(){return "csc("+(Math.atan2(p5.Y(),p5.X())*180/Math.PI).toFixed(1)+")="+(1/Math.sin( Math.atan2(p5.Y(),p5.X()))).toFixed(3);}], {anchorX:'middle', cssClass:'mytext'});
+</source>

Veillette at 19:51, 12 September 2013

2013-09-12T19:51:33Z

@@ Line 1: / Line 1: @@
 <html>
-<jsxgraph width="600" height="300" box="jxgbox">
+<body id="graphing">
-var b = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1,5,20,-1], keepaspectratio:true});
-brd.suspendUpdate();
+  <div id="main">
 <div id="box" class="jxgbox" style="width:800px; height:800px;"></div>
@@ Line 79: / Line 110: @@
    </script>
-[/nowiki]
+</body>

Veillette at 19:50, 12 September 2013

2013-09-12T19:50:31Z

← Older revision		Revision as of 19:50, 12 September 2013
Line 1:		Line 1:
	~~<nowiki>~~

	<html>		<html>

Veillette at 19:50, 12 September 2013

2013-09-12T19:50:17Z

← Older revision		Revision as of 19:50, 12 September 2013
Line 1:		Line 1:
			<nowiki>

			<html>
			<form>
			<input type="button" value="start" onclick="rol.start()">
			<input type="button" value="stop" onclick="rol.stop()">
			<input type="button" value="one step" onclick="rol.rolling()">
			</form></html>

			<jsxgraph width="600" height="300" box="jxgbox">
			var b = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1,5,20,-1], keepaspectratio:true});
			brd.suspendUpdate();

	<div id="box" class="jxgbox" style="width:800px; height:800px;"></div>		<div id="box" class="jxgbox" style="width:800px; height:800px;"></div>
Line 68:		Line 80:

	</script>		</script>
			[/nowiki]

Veillette: Created page with "