|
|
| Line 43: |
Line 43: |
| | <div id="plotBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black; margin:170px 20px 0px 0px;"></div> | | <div id="plotBoxHtml" class="jxgbox" style="width:600px; height:600px; border:1px solid black; margin:170px 20px 0px 0px;"></div> |
| | <div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px; margin:-760px 20px 0px 0px;"></div> | | <div id="cnfBoxHtml" class="jxgbox" style="width:600px; height:150px; margin:-760px 20px 0px 0px;"></div> |
| − | <div id="outBoxHtml" class="jxgbox" style="width:600px; height:100px; margin:625px 20px 0px 0px;"></div>
| + | |
| | | | |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| Line 51: |
Line 51: |
| | plotBox = JXG.JSXGraph.initBoard('plotBoxHtml', {showCopyright:false, axis:false, zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1}, grid:false, boundingbox: [-0.5, 2.2, 12.4, -2.2]}); | | plotBox = JXG.JSXGraph.initBoard('plotBoxHtml', {showCopyright:false, axis:false, zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1}, grid:false, boundingbox: [-0.5, 2.2, 12.4, -2.2]}); |
| | cnfBox = JXG.JSXGraph.initBoard('cnfBoxHtml', {showCopyright:false, showNavigation:false, axis:false, grid:false, zoom:{enabled:false}, pan:{enabled:false}, boundingbox: [-1, 2.2, 12.4, -2.2]}); | | cnfBox = JXG.JSXGraph.initBoard('cnfBoxHtml', {showCopyright:false, showNavigation:false, axis:false, grid:false, zoom:{enabled:false}, pan:{enabled:false}, boundingbox: [-1, 2.2, 12.4, -2.2]}); |
| − | var outBox = JXG.JSXGraph.initBoard('outBoxHtml', {showCopyright:false, showNavigation:false, axis:false, grid:false, zoom:{enabled:false}, pan:{enabled:false}, boundingbox: [-1, 2.2, 12.4, -2.2]});
| |
| | cnfBox.addChild(plotBox); | | cnfBox.addChild(plotBox); |
| − | cnfBox.addChild(outBox);
| + | |
| | | | |
| | //Einstellungen der Achsen | | //Einstellungen der Achsen |
| Line 67: |
Line 66: |
| | g = cnfBox.create('slider',[[6,-0.5],[9.7,-0.5],[-180,90,180]], {withLabel:false, withTicks:false, snapWidth:5}), | | g = cnfBox.create('slider',[[6,-0.5],[9.7,-0.5],[-180,90,180]], {withLabel:false, withTicks:false, snapWidth:5}), |
| | t = cnfBox.create('slider',[[-0.7,-1.5],[3,-1.5],[0,0,10]], {withLabel:false, withTicks:false, snapWidth:0.2}), | | t = cnfBox.create('slider',[[-0.7,-1.5],[3,-1.5],[0,0,10]], {withLabel:false, withTicks:false, snapWidth:0.2}), |
| − |
| |
| − | //Definition der Ausgabefelder
| |
| − | texta=cnfBox.create('text',[2.8,1.87, function()
| |
| − | { return '\\[A_1= '+ Math.round(a.Value()*100)/100 +' \\text{ V}\\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textb=cnfBox.create('text',[2.8,0.87, function()
| |
| − | { return '\\[f_1= '+ Math.round(b.Value()*100)/100 +' \\text{ kHz}\\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textc=cnfBox.create('text',[2.8,-0.13, function()
| |
| − | { return '\\[\\phi_1= '+ Math.round(c.Value()*100)/100 +' \\text{ Grad}\\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textd=cnfBox.create('text',[9.5,1.67, function()
| |
| − | { return '\\[A_2= '+ Math.round(d.Value()*100)/100 +' \\text{ V}\\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | texte=cnfBox.create('text',[9.5,0.67, function()
| |
| − | { return '\\[f_2= '+ Math.round(e.Value()*100)/100 +' \\text{ kHz}\\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textg=cnfBox.create('text',[9.5,-0.33, function()
| |
| − | { return '\\[\\phi_2= '+ Math.round(g.Value()*100)/100 +' \\text{ Grad}\\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textt=cnfBox.create('text',[2.8,-1.2, function()
| |
| − | { return '\\[t= '+ Math.round(t.Value()*100)/100 +' \\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − |
| |
| − | textergebnis1=outBox.create('text',[-1,1.5, function()
| |
| − | { return '\\[x(t)= '+ Math.round((a.Value()*Math.cos(2*Math.PI*b.Value()*t.Value()-2*Math.PI*c.Value()/360)+d.Value()*Math.cos(2*Math.PI*e.Value()*t.Value()-2*Math.PI*g.Value()/360))*1000)/1000 +' \\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textergebnis2=outBox.create('text',[1.5,1.5, function()
| |
| − | { return '\\[x(t+T_0)= '+ Math.round((a.Value()*Math.cos(2*Math.PI*b.Value()*(t.Value()+Math.round(getT0() *1000)/1000)-c.Value())+d.Value()*Math.cos(2*Math.PI*e.Value()*(t.Value()+Math.round(getT0() *1000)/1000)-g.Value()))*1000)/1000 +' \\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textergebnis3=outBox.create('text',[5,1.5, function()
| |
| − | { return '\\[x(t+2T_0)= '+ Math.round((a.Value()*Math.cos(2*Math.PI*b.Value()*(t.Value()+2*Math.round(getT0() *1000)/1000)-c.Value())+d.Value()*Math.cos(2*Math.PI*e.Value()*(t.Value()+2*Math.round(getT0() *1000)/1000)-g.Value()))*1000)/1000 +' \\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textergebnis4=outBox.create('text',[8.5,1.5, function()
| |
| − | {var x = new Array(50000);
| |
| − | for (var i = 0; i < 50001; i++) {x[i] = Math.round((a.Value()*Math.cos(2*Math.PI*b.Value()*(i/1000)-2*Math.PI*c.Value()/360)+d.Value()*Math.cos(2*Math.PI*e.Value()*(i/1000)-2*Math.PI*g.Value()/360)) *1000)/1000;};
| |
| − | return '\\[x_{max}= '+ Math.max.apply(Math,x)+' \\]';}], {fixed:true, visible:true, fontSize:14});
| |
| − | textergebnis5=outBox.create('text',[10.8,1.5, function()
| |
| − | { return '\\[T_0= '+ Math.round(getT0() *100)/100 +' \\]';}], {fixed:true, visible:true, strokeColor:'blue', fontSize:14});
| |
| | | | |
| | //Definition der Funktion | | //Definition der Funktion |
