Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- ccc [2022/03/20 11:46] – angelegt torsten.roehl
+++ ccc [2022/03/21 08:29] (aktuell) – torsten.roehl
@@ Zeile 1: / Zeile 1: @@
-Testseite nur für die Entwicklung der Scripte!
 <PRELOAD>
@@ Zeile 25: / Zeile 24: @@
-<HTML>
-<!-- Step 2 : prepare chart box (canvas) -->
-<p>Figure. line chart example</p>
-<div id="chartbox" style="width:300px; height:300px;"></div>
-</HTML>
-<JS>
-// Step 3 : inline JavaScript to produce a chart
-// ! do not forget to replace "$.jqplot" to "jQuery.jqplot"
-var data = [[0,0.0],[1,1.0],[2,1.414],[5,2.236],[7,2.646],[11,3.317]];
-jQuery.jqplot('chartbox', [data]);
-</JS>
 **Figure. line chart example**
@@ Zeile 69: / Zeile 52: @@
             });
-            ey_brd = JXG.JSXGraph.initBoard('eyBox', {
-                boundingbox: [-3.1,3.6,3.2,-0.2],
-                keepaspectratio: false,
-                axis:true,
-                grid: {
-                  strokeColor: '#f00',
-                  visible: false
-                },
-                needsRegularUpdate:true,
-                showNavigation:false,
-                showCopyright:false,
-                pan: {
-                  enabled: false
-                }
-            });
             ex_line = ex_brd.create('functiongraph', [
                 function(x) { return pc.calcEx(x*pc.ab, beta, pc.ab); },
@@ Zeile 91: / Zeile 59: @@
                     strokeColor: '#0a0',
                     strokeWidth: 2
                 });
-            ey_line = ey_brd.create('functiongraph', [
-                function(x) { return pc.calcEy(x*pc.ab, beta, pc.ab); },
-                -3.0, 3.0
-                ], {
-                    strokeColor: '#a00',
-                    strokeWidth: 2
-                });
-            etot_brd = JXG.JSXGraph.initBoard('etotBox', {
-                boundingbox: [-6.0,6.0,6.0,-6.0],
-                keepaspectratio: false,
-                axis:true,
-                grid: {
-                  strokeColor: '#f00',
-                  visible: false
-                },
-                needsRegularUpdate:true,
-                showNavigation:false,
-                showCopyright:false,
-                pan: {
-                  enabled: false
-                }
-            });
-            e1_line = etot_brd.create('curve', [
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab) * Math.cos(tau); },
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab) * Math.sin(tau); },
-.0, 2.0*Math.PI
-                ], {
-                    strokeColor: '#00f',
-                    strokeWidth: 2,
-                    needsRegularUpdate:true
-                });
-            e2_line = etot_brd.create('curve', [
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab/4.0) * Math.cos(tau); },
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab/4.0) * Math.sin(tau); },
-.0, 2.0*Math.PI
-                ], {
-                    strokeColor: '#00f',
-                    strokeWidth: 2,
-                    needsRegularUpdate:true
-                });
-            e2_line = etot_brd.create('curve', [
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab/9.0) * Math.cos(tau); },
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab/9.0) * Math.sin(tau); },
-.0, 2.0*Math.PI
-                ], {
-                    strokeColor: '#00f',
-                    strokeWidth: 2,
-                    needsRegularUpdate:true
-                });
-            e2_line = etot_brd.create('curve', [
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab/16.0) * Math.cos(tau); },
-                function(tau) { return pc.calc_r(tau, beta, pc.Eab/16.0) * Math.sin(tau); },
-.0, 2.0*Math.PI
-                ], {
-                    strokeColor: '#00f',
-                    strokeWidth: 2,
-                    needsRegularUpdate:true
-                });
             $("#betaOut").text(beta.toFixed(2));
@@ Zeile 166: / Zeile 70: @@
             $("#betaOut").text(beta.toFixed(2));
             ex_brd.fullUpdate();
-            ey_brd.fullUpdate();
-            etot_brd.fullUpdate();
         }
 </JS>
@@ Zeile 180: / Zeile 83: @@
     <tr>
         <th>Feldstärke E<sub>x</sub>/E<sub>1ab</sub></th>
-        <th>Feldstärke E<sub>y</sub>/E<sub>1ab</sub></th>
-    </tr>
-    <tr>
-        <td width="420px"><div id="exBox" class="jxgbox" style="width:300px; height:300px;"></div></td>
-        <td><div id="eyBox" class="jxgbox" style="width:300px; height:300px;"></div></td>
     </tr>
 </table>
 <table>
@@ Zeile 208: / Zeile 108: @@
-<HTML>
-<svg width="500" height="100">
-    <circle id="circle1" cx="20" cy="20" r="10"
-            style="stroke: none; fill: #ff0000;"/>
-</svg>
-</HTML>
-<JS>
-    var timerFunction = null;
-    function startAnimation() {
-        if(timerFunction == null) {
-            timerFunction = setInterval(animate, 20);
-        }
-    }
-    function stopAnimation() {
-        if(timerFunction != null){
-            clearInterval(timerFunction);
-            timerFunction = null;
-        }
-    }
-    function animate() {
-        var circle = document.getElementById("circle1");
-        var x = circle.getAttribute("cx");
-        var newX = 2 + parseInt(x);
-        if(newX > 500) {
-            newX = 20;
-        }
-        circle.setAttribute("cx", newX);
-    }
-</JS>
-<HTML>
-</br>
-<input type="button" value="Start Animation" onclick="startAnimation();">
-<input type="button" value="Stop Animation" onclick="stopAnimation();">
-</HTML>
-<HTML>
-<svg width="200" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">  <rect x="10" y="10" width="30" height="30" stroke="black" fill="transparent" stroke-width="5"/> <rect x="60" y="10" rx="10" ry="10" width="30" height="30" stroke="black" fill="transparent" stroke-width="5"/>  <circle cx="25" cy="75" r="20" stroke="red" fill="transparent" stroke-width="5"/>  <ellipse cx="75" cy="75" rx="20" ry="5" stroke="red" fill="transparent" stroke-width="5"/>  <line x1="10" x2="50" y1="110" y2="150" stroke="orange" stroke-width="5"/> <polyline points="60 110 65 120 70 115 75 130 80 125 85 140 90 135 95 150 100 145"      stroke="orange" fill="transparent" stroke-width="5"/><polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180"      stroke="green" fill="transparent" stroke-width="5"/><path d="M20,230 Q40,205 50,230 T90,230" fill="none" stroke="blue" stroke-width="5"/></svg>'
-</HTML>
-<HTML>
-<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
-</div>
-</HTML>
-<JS>
-const board = JXG.JSXGraph.initBoard('jxgbox', {
-    boundingbox: [-5, 5, 5, -5], axis:true
-});
-var checkbox1 = board.create('checkbox', [1, 1.5, 'Click me']);
-var p = board.create('point', [1, 0], {
-        visible: function() {return checkbox1.Value();},
-        label:{offset:[-31,0], anchorY: 'bottom'}
-});
-</JS>
-[[hfhm]]
-[[backups]]
-[[test01]]