Applets:Spektrum: Unterschied zwischen den Versionen

Aus LNTwww
Wechseln zu:Navigation, Suche
Zeile 3: Zeile 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&szlig;</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&szlig;</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>
  
  
−
<!-- Resetbutton, Checkbox und Formel -->
+
<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>
  
  
−
<div id="box2" class="jxgbox" style="width:500px; height:100px; float:top; margin:-10px 20px 100px 0px;"></div>
 
−
<div id="box1" class="jxgbox" style="width:600px; height:600px; border:1px solid black; margin:-10px 20px 100px 0px;"></div>
 
  
  
Zeile 23: Zeile 65:
  
 
//Grundeinstellungen der beiden Applets
 
//Grundeinstellungen der beiden Applets
−
var brd2 = JXG.JSXGraph.initBoard('box2', {showCopyright:false, showNavigation:false, axis:false, grid:false, zoom:{enabled:false}, pan:{enabled:false}, boundingbox: [-1, 2.2, 12.4, -2.2]});
+
JXG.Options.text.useMathJax = true;
−
var brd1 = JXG.JSXGraph.initBoard('box1', {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]});
+
pltBox1 = JXG.JSXGraph.initBoard('pltBox1', {
−
brd2.addChild(brd1);
+
            showCopyright:false, axis:false,
−
 
+
            zoom:{factorX:1.1, factorY:1.1, wheel:true, needshift:true, eps: 0.1},
−
//Einstellungen der Achsen
+
            grid:false,
−
xaxis = brd1.create('axis', [[0, 0], [1,0]], {name:'<I>t</I>/<I>T</I>', withLabel:true, label:{position:'rt', offset:[-25, 15]}});
+
            boundingbox: [-1.1, 1.1, 1.1, -0.3]
−
yaxis = brd1.create('axis', [[0, 0], [0, 1]], {name:'<I>x(t)</I>', withLabel:true, label:{position:'rt', offset:[10, -5]}});
+
});
 +
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);
  
−
//Definition der Funktion
 
−
signaldarstellung = brd1.create('functiongraph',[function(x){
 
−
        return (x*x)
 
−
    }], {strokeColor: "red"});
 
  
  

Version vom 18. September 2017, 13:50 Uhr

Impuls 1

Impuls 2

mit Gitter

Abgerufen von „http://www.lntwww.de/index.php?title=Applets:Spektrum&oldid=14907“
  • Powered by MediaWiki