Difference between revisions of "Applets:Spektrum"
From LNTwww
David.Jobst (talk | contribs) |
David.Jobst (talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
− | <meta charset="utf-8" /> | + | <meta charset="utf-8" /> |
− | <script type="text/javascript" src=" | + | <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script> |
+ | <script type="text/javascript" src="https://cdn.rawgit.com/mathjax/MathJax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
<style> | <style> | ||
− | .button1{ | + | .button1{ |
background-color: black; | background-color: black; | ||
border: none; | border: none; | ||
Line 19: | Line 20: | ||
left: 830px; | left: 830px; | ||
} | } | ||
+ | |||
.button1:active { | .button1:active { | ||
background-color: #939393;} | background-color: #939393;} | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <p><B><span style="position:absolute; top:55px; left:80px; font-family:arial; font-size:0.750em; color:red;">Impuls 1 | ||
+ | <select class="dropdown1" id ="Impuls 1" onchange ="change1(this)"> | ||
+ | <option selected value='0'>Gauß</option> | ||
+ | <option value='1'>Rechteck</option> | ||
+ | <option value='2'>Dreieck</option> | ||
+ | <option value='3'>Trapez</option> | ||
+ | <option value='4'>Cos-Rolloff</option> | ||
+ | <option value='5'>Inaktiv</option> | ||
+ | </select> | ||
+ | </span></B></p> | ||
+ | <p><B><span style="position:absolute; top:55px; left:900px; font-family:arial; font-size:0.750em; color:blue;">Impuls 2 | ||
+ | <select class="dropdown2" id ="Impuls 2" onchange ="change2(this)"> | ||
+ | <option value='0'>Gauß</option> | ||
+ | <option value='1'>Rechteck</option> | ||
+ | <option value='2'>Dreieck</option> | ||
+ | <option selected value='3'>Trapez</option> | ||
+ | <option value='4'>Cos-Rolloff</option> | ||
+ | <option value='5'>Inaktiv</option> | ||
+ | </select> | ||
+ | </span></B></p> | ||
− | + | <button class="button1" style="font-size:0.750em" onclick="zurueck()">Reset</button> | |
− | + | <p><span style="position:absolute; top:730px; left:840px; font-family:arial; font-size:0.750em;">mit Gitter<input name="gridbox" id="gridbox" type="checkbox" onclick="showgrid();" checked="checked"></span></p> | |
− | |||
− | |||
− | |||
<div id="pltBox1" class="jxgbox" style="width:600px; height:300px; border:1px solid black; margin:50px 20px 100px 220px;"></div> | <div id="pltBox1" class="jxgbox" style="width:600px; height:300px; border:1px solid black; margin:50px 20px 100px 220px;"></div> | ||
− | + | <div id="pltBox2" class="jxgbox" style="width:600px; height:300px; border:1px solid black; margin:50px 20px 100px 220px;"></div> | |
+ | <div id="cnfBox1" class="jxgbox" style="width:200px; height:600px; border:1px solid black; margin:-805px 10px 100px 10px;"></div> | ||
+ | <div id="cnfBox2" class="jxgbox" style="width:200px; height:600px; border:1px solid black; margin:-700px 800px 100px 830px;"></div> | ||
+ | <div id="cnfBox3" class="jxgbox" style="width:600px; height:50px; border:1px solid black; margin:-380px 800px 100px 220px;"></div> | ||
Line 42: | Line 65: | ||
//Grundeinstellungen der beiden Applets | //Grundeinstellungen der beiden Applets | ||
− | + | pltBox1 = JXG.JSXGraph.initBoard('pltBox1', { | |
− | showCopyright:false, axis: | + | showCopyright:false, axis:false, |
zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1}, | zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1}, | ||
grid:false, | grid:false, | ||
boundingbox: [-1.1, 1.1, 1.1, -0.3] | boundingbox: [-1.1, 1.1, 1.1, -0.3] | ||
+ | }); | ||
+ | pltBox2 = JXG.JSXGraph.initBoard('pltBox2', { | ||
+ | showCopyright:false, axis:false, | ||
+ | zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1}, | ||
+ | grid:false, | ||
+ | boundingbox: [-3.1, 1.1, 3.1, -0.3] | ||
+ | }); | ||
+ | cnfBox1 = JXG.JSXGraph.initBoard('cnfBox1', { | ||
+ | showCopyright:false, axis:false, ShowNavigation:false, | ||
+ | zoom:{enabled:false}, pan:{enabled:false}, grid:false, | ||
+ | boundingbox: [-3.1, 1.1, 3.1, -0.3] | ||
+ | }); | ||
+ | cnfBox2 = JXG.JSXGraph.initBoard('cnfBox2', { | ||
+ | showCopyright:false, axis:false, ShowNavigation:false, | ||
+ | zoom:{enabled:false}, pan:{enabled:false}, grid:false, | ||
+ | boundingbox: [-3.1, 1.1, 3.1, -0.3] | ||
+ | }); | ||
+ | cnfBox3 = JXG.JSXGraph.initBoard('cnfBox3', { | ||
+ | showCopyright:false, axis:false, ShowNavigation:false, | ||
+ | zoom:{enabled:false}, pan:{enabled:false}, grid:false, | ||
+ | boundingbox: [-3.1, 1.1, 3.1, -0.3] | ||
}); | }); | ||
+ | cnfBox1.addChild(pltBox1); | ||
+ | cnfBox2.addChild(pltBox1); | ||
+ | cnfBox1.addChild(pltBox2); | ||
+ | cnfBox2.addChild(pltBox2); | ||
+ | cnfBox3.addChild(cnfBox1); | ||
+ | cnfBox3.addChild(cnfBox2); | ||
− | + | //Einstellungen der Achsen | |
− | + | xaxis1 = pltBox1.create('axis', [[0, 0], [1,0]], { | |
+ | name:'\\[t\\]', | ||
+ | withLabel:true, label:{position:'rt', offset:[-25, 15]} | ||
+ | }); | ||
+ | yaxis1 = pltBox1.create('axis', [[0, 0], [0, 1]], { | ||
+ | name:'\\[x(t)\\]', | ||
+ | withLabel:true, label:{position:'rt', offset:[10, -5]} | ||
+ | }); | ||
+ | xaxis2 = pltBox2.create('axis', [[0, 0], [1,0]], { | ||
+ | name:'\\[f\\]', | ||
+ | withLabel:true, label:{position:'rt', offset:[-25, 15]} | ||
+ | }); | ||
+ | yaxis2 = pltBox2.create('axis', [[0, 0], [0, 1]], { | ||
+ | name:'\\[X(f)\\]', | ||
+ | withLabel:true, label:{position:'rt', offset:[10, -5]} | ||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:54, 18 September 2017
Impuls 1
Impuls 2
mit Gitter