Parabola - Revision history

A WASSERMANN at 20:39, 19 October 2024

2024-10-19T20:39:14Z

← Older revision		Revision as of 20:39, 19 October 2024
Line 110:		Line 110:
	[[Media:Sliders.gxt\|Sliders.gxt]]		[[Media:Sliders.gxt\|Sliders.gxt]]

	[[Category:~~Examples~~]]		[[Category:Old]]
	[[Category:~~Calculus~~]]		[[Category:Old]]

A WASSERMANN at 14:11, 15 January 2021

2021-01-15T14:11:29Z

← Older revision		Revision as of 14:11, 15 January 2021
Line 3:		Line 3:
	these numbers are editable.		these numbers are editable.

	See [Slider and function plot] for an easier example howto plot a parabola.		See [[Slider and function plot]] for an easier example howto plot a parabola.

	<jsxgraph box="box2" width="600" height="400">		<jsxgraph box="box2" width="600" height="400">

A WASSERMANN at 14:11, 15 January 2021

2021-01-15T14:11:16Z

← Older revision		Revision as of 14:11, 15 January 2021
Line 2:		Line 2:
	That means the numbers below ''a'', ''b'', and ''c'' are updated if the points ''A'', ''B'', and ''C'' are dragged. And other way round,		That means the numbers below ''a'', ''b'', and ''c'' are updated if the points ''A'', ''B'', and ''C'' are dragged. And other way round,
	these numbers are editable.		these numbers are editable.

			See [Slider and function plot] for an easier example howto plot a parabola.

	<jsxgraph box="box2" width="600" height="400">		<jsxgraph box="box2" width="600" height="400">
	hook = true;		hook = true;

A WASSERMANN at 14:09, 15 January 2021

2021-01-15T14:09:47Z

← Older revision		Revision as of 14:09, 15 January 2021
Line 8:		Line 8:
	<html>		<html>
	<table style="border: 0px solid black; text-align: center" width="500px">		<table style="border: 0px solid black; text-align: center" width="500px">
	<tr><th style="border: 1px solid black" width="100px">a</th><th style="border: 1px solid black" width="100px">b</th><th style="border: 1px solid black" width="100px">c</th></tr>		<tr>
	<tr><td><input type="text" id="print_a" size="2" maxlength="7"		<th style="border: 1px solid black" width="100px">a</th>
			<th style="border: 1px solid black" width="100px">b</th>
			<th style="border: 1px solid black" width="100px">c</th>
			</tr>
			<tr>
			<td><input type="text" id="print_a" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.select('A').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('A').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td><td><input type="text" id="print_b" size="2" maxlength="7"		></td>
			<td><input type="text" id="print_b" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.select('B').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('B').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td><td><input type="text" id="print_c" size="2" maxlength="7"		></td>
			<td><input type="text" id="print_c" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.select('C').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('C').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td></tr>		></td>
			</tr>
	</table>		</table>
	</html>		</html>
Line 54:		Line 62:
	</tr>		</tr>
	<tr>		<tr>
	<td><input type="text" id="print_a" size="2" maxlength="7" style="border:none; text-align:right; font-size:1.2em; "		<td><input type="text" id="print_a" size="2" maxlength="7"
	onKeyUp="board2.select('A').~~setPositionX~~(~~JXG.COORDS_BY_USER,~~parseFloat(this.value)); board2.update(); board.update();"		style="border:none; text-align:right; font-size:1.2em; "
	onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('A').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td>		></td>
	<td><input type="text" id="print_b" size="2" maxlength="7"style="border:none; text-align:right; font-size:1.2em; "		<td><input type="text" id="print_b" size="2" maxlength="7"
	onKeyUp="board2.~~getElement~~('B').~~setPositionX~~(~~JXG.COORDS_BY_USER,~~parseFloat(this.value)); board2.update(); board.update();"		style="border:none; text-align:right; font-size:1.2em; "
	onfocus="hook=false;" onblur="hook=true		onKeyUp="board2.select('B').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td>		></td>
	<td><input type="text" id="print_c" size="2" maxlength="7" style="border:none; text-align:right; font-size:1.2em; "		<td><input type="text" id="print_c" size="2" maxlength="7"
	onKeyUp="board2.~~getElement~~('C').~~setPositionX~~(~~JXG.COORDS_BY_USER,~~parseFloat(this.value)); board2.update(); board.update();"		style="border:none; text-align:right; font-size:1.2em; "
	onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('C').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td>		></td>
	</tr>		</tr>

A WASSERMANN at 14:06, 15 January 2021

2021-01-15T14:06:58Z

← Older revision		Revision as of 14:06, 15 January 2021
Line 11:		Line 11:
	<tr><td><input type="text" id="print_a" size="2" maxlength="7"		<tr><td><input type="text" id="print_a" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.select('A').~~setPositionX~~(~~JXG.COORDS_BY_USER,~~parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('A').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td><td><input type="text" id="print_b" size="2" maxlength="7"		></td><td><input type="text" id="print_b" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.select('B').~~setPositionX~~(~~JXG.COORDS_BY_USER,~~parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('B').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td><td><input type="text" id="print_c" size="2" maxlength="7"		></td><td><input type="text" id="print_c" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.select('C').~~setPositionX~~(~~JXG.COORDS_BY_USER,~~parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('C').moveTo([parseFloat(this.value),0]); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td></tr>		></td></tr>
	</table>		</table>

A WASSERMANN at 14:05, 15 January 2021

2021-01-15T14:05:01Z

A WASSERMANN at 14:03, 15 January 2021

2021-01-15T14:03:59Z

← Older revision		Revision as of 14:03, 15 January 2021
Line 23:		Line 23:

	<jsxgraph box="box" width="600" height="400">		<jsxgraph box="box" width="600" height="400">
	board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});		var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});

	curve = board.~~createElement~~('functiongraph', [function(t){		var curve = board.create('functiongraph', [function(t){
	return board2.select('A').X() * t * t + board2.select('B').X() * t + board2.select('C').X();		return board2.select('A').X() * t * t + board2.select('B').X() * t + board2.select('C').X();
	}, -10, 10]);		}, -10, 10]);
Line 76:		Line 76:
	board2 = JXG.JSXGraph.loadBoardFromString('box2', 'eNrtmm1v2zYQgD/bv4JAPteS7D...Y6tu7MXarPHfJ+R+tkHyx', 'Geonext');		board2 = JXG.JSXGraph.loadBoardFromString('box2', 'eNrtmm1v2zYQgD/bv4JAPteS7D...Y6tu7MXarPHfJ+R+tkHyx', 'Geonext');

	board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});		var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});

	curve = board.~~createElement~~('functiongraph', [function(t){		var curve = board.create('functiongraph', [function(t){
	return board2.select('A').X() * t * t + board2.select('B').X() * t + board2.select('C').X();		return board2.select('A').X() * t * t + board2.select('B').X() * t + board2.select('C').X();
	}, -10, 10]);		}, -10, 10]);

A WASSERMANN at 14:02, 15 January 2021

2021-01-15T14:02:55Z

← Older revision		Revision as of 14:02, 15 January 2021
Line 25:		Line 25:
	board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});

	curve = board.createElement('functiongraph', [function(t){ return ~~JXG~~.~~getReference~~(~~board2,~~ 'A').X()tt+~~JXG~~.~~getReference~~(~~board2,~~ 'B').X()*t+~~JXG~~.~~getReference~~(~~board2,~~ 'C').X(); },-10, 10]);		curve = board.createElement('functiongraph', [function(t){
			return board2.select('A').X() * t * t + board2.select('B').X() * t + board2.select('C').X();
			}, -10, 10]);

	function print_table() {		function print_table() {
	if (hook){		if (hook){
	document.getElementById('print_a').value = board2.select(~~'A').X().toFixed(2); //JXG.getReference(board2,~~ 'A').X().toFixed(2);		document.getElementById('print_a').value = board2.select('A').X().toFixed(2);
	document.getElementById('print_b').value = ~~JXG~~.~~getReference~~(~~board2,~~ 'B').X().toFixed(2);		document.getElementById('print_b').value = board2.select('B').X().toFixed(2);
	document.getElementById('print_c').value = ~~JXG~~.~~getReference~~(~~board2,~~ 'C').X().toFixed(2);		document.getElementById('print_c').value = board2.select('C').X().toFixed(2);
	}		}
	};		};
Line 37:		Line 39:
	board2.addChild(board);		board2.addChild(board);

	print_table_id = board2.~~addHook~~(print_table);		print_table_id = board2.on('update', print_table);
	</jsxgraph>		</jsxgraph>

Line 74:		Line 76:
	board2 = JXG.JSXGraph.loadBoardFromString('box2', 'eNrtmm1v2zYQgD/bv4JAPteS7D...Y6tu7MXarPHfJ+R+tkHyx', 'Geonext');		board2 = JXG.JSXGraph.loadBoardFromString('box2', 'eNrtmm1v2zYQgD/bv4JAPteS7D...Y6tu7MXarPHfJ+R+tkHyx', 'Geonext');

	board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3~~]});~~		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3], axis: true});
	~~// Axes~~
	~~b1axisx = board.create('axis', [[0,0], [1,0]~~], ~~{});~~
	~~b1axisy = board.create('~~axis~~', [[0,0], [0,1]], {~~});

	curve = board.~~create~~('functiongraph',		curve = board.createElement('functiongraph', [function(t){
	[function(t){ return ~~JXG~~.~~getReference~~(~~board2,~~ 'A').X()tt+		return board2.select('A').X() * t * t + board2.select('B').X() * t + board2.select('C').X();
	~~JXG~~.~~getReference~~(~~board2,~~ 'B').X()*t+		}, -10, 10]);
	~~JXG~~.~~getReference~~(~~board2,~~ 'C').X();
	},
	-10, 10]);

	function print_table() {		function print_table() {
	if (hook){		if (hook){
	document.getElementById('print_a').value = ~~JXG~~.~~getRef~~(~~board2,~~ 'A').X().toFixed(2);		document.getElementById('print_a').value = board2.select('A').X().toFixed(2);
	document.getElementById('print_b').value = ~~JXG~~.~~getRef~~(~~board2,~~ 'B').X().toFixed(2);		document.getElementById('print_b').value = board2.select('B').X().toFixed(2);
	document.getElementById('print_c').value = ~~JXG~~.~~getRef~~(~~board2,~~ 'C').X().toFixed(2);		document.getElementById('print_c').value = board2.select('C').X().toFixed(2);
	}		}
	};		};

	board2.addChild(board);		board2.addChild(board);

	print_table_id = board2.~~addHook~~(print_table);		print_table_id = board2.on('update', print_table);
	</source>		</source>

	===GEONExT Construction used in this example===		===GEONExT Construction used in this example===

	[[Media:Sliders.gxt\|Sliders.gxt]]		[[Media:Sliders.gxt\|Sliders.gxt]]

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

A WASSERMANN at 13:59, 15 January 2021

2021-01-15T13:59:41Z

← Older revision		Revision as of 13:59, 15 January 2021
Line 29:		Line 29:
	function print_table() {		function print_table() {
	if (hook){		if (hook){
	document.getElementById('print_a').value = JXG.getReference(board2, 'A').X().toFixed(2);		document.getElementById('print_a').value = board2.select('A').X().toFixed(2); //JXG.getReference(board2, 'A').X().toFixed(2);
	document.getElementById('print_b').value = JXG.getReference(board2, 'B').X().toFixed(2);		document.getElementById('print_b').value = JXG.getReference(board2, 'B').X().toFixed(2);
	document.getElementById('print_c').value = JXG.getReference(board2, 'C').X().toFixed(2);		document.getElementById('print_c').value = JXG.getReference(board2, 'C').X().toFixed(2);

A WASSERMANN at 13:58, 15 January 2021

2021-01-15T13:58:45Z

← Older revision		Revision as of 13:58, 15 January 2021
Line 76:		Line 76:
	board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3]});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 7, -3]});
	// Axes		// Axes
	b1axisx = board.~~createElement~~('axis', [[0,0], [1,0]], {});		b1axisx = board.create('axis', [[0,0], [1,0]], {});
	b1axisy = board.~~createElement~~('axis', [[0,0], [0,1]], {});		b1axisy = board.create('axis', [[0,0], [0,1]], {});

	curve = board.~~createElement~~('functiongraph',		curve = board.create('functiongraph',
	[function(t){ return JXG.getReference(board2, 'A').X()tt+		[function(t){ return JXG.getReference(board2, 'A').X()tt+
	JXG.getReference(board2, 'B').X()*t+		JXG.getReference(board2, 'B').X()*t+

← Older revision		Revision as of 14:05, 15 January 2021
Line 11:		Line 11:
	<tr><td><input type="text" id="print_a" size="2" maxlength="7"		<tr><td><input type="text" id="print_a" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.~~getElement~~('A').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('A').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td><td><input type="text" id="print_b" size="2" maxlength="7"		></td><td><input type="text" id="print_b" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.~~getElement~~('B').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('B').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td><td><input type="text" id="print_c" size="2" maxlength="7"		></td><td><input type="text" id="print_c" size="2" maxlength="7"
	style="border:none; text-align:right; font-size:1.2em; "		style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.~~getElement~~('C').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"		onKeyUp="board2.select('C').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();" onfocus="hook=false;" onblur="hook=true"
	></td></tr>		></td></tr>
	</table>		</table>
Line 55:		Line 55:
	<tr>		<tr>
	<td><input type="text" id="print_a" size="2" maxlength="7" style="border:none; text-align:right; font-size:1.2em; "		<td><input type="text" id="print_a" size="2" maxlength="7" style="border:none; text-align:right; font-size:1.2em; "
	onKeyUp="board2.~~getElement~~('A').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();"		onKeyUp="board2.select('A').setPositionX(JXG.COORDS_BY_USER,parseFloat(this.value)); board2.update(); board.update();"
	onfocus="hook=false;" onblur="hook=true"		onfocus="hook=false;" onblur="hook=true"
	></td>		></td>