Applets:Spektrum: Unterschied zwischen den Versionen
Aus LNTwww
| Zeile 1: | Zeile 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; | ||
| Zeile 19: | Zeile 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> | ||
| Zeile 42: | Zeile 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> | ||
Version vom 18. September 2017, 13:54 Uhr
Impuls 1
Impuls 2
mit Gitter
