Difference between revisions of "Applets:Spektrum"
From LNTwww
David.Jobst (talk | contribs) |
David.Jobst (talk | contribs) |
||
Line 3: | Line 3: | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script> | <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.6/jsxgraphcore.js"></script> | ||
− | |||
<style> | <style> | ||
+ | .button1{ | ||
+ | background-color: black; | ||
+ | border: none; | ||
+ | color: white; | ||
+ | font-family: arial; | ||
+ | padding: 8px 20px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | font-size: 16px; | ||
+ | border-radius: 15px; | ||
+ | position:relative; | ||
+ | top: 750px; | ||
+ | left: 830px; | ||
+ | } | ||
− | + | .button1:active { | |
+ | 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="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 23: | Line 65: | ||
//Grundeinstellungen der beiden Applets | //Grundeinstellungen der beiden Applets | ||
− | + | JXG.Options.text.useMathJax = true; | |
− | + | pltBox1 = JXG.JSXGraph.initBoard('pltBox1', { | |
− | + | showCopyright:false, axis:false, | |
− | + | zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1}, | |
− | + | grid:false, | |
− | + | 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); | ||
− | |||
− | |||
− | |||
− | |||
Revision as of 13:50, 18 September 2017
Impuls 1
Impuls 2
mit Gitter