Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- test01 [2022/07/11 09:20] – torsten.roehl
+++ test01 [2022/07/11 09:55] – torsten.roehl
@@ Zeile 1: / Zeile 1: @@
 ==AA==
 <PRELOAD>
-#
- /lib/scripts/jqplot/jquery.jqplot.js
- /lib/scripts/jqplot/jquery.jqplot.css    # css
- /lib/scripts/jqplot/jquery.min.js        #(not required since DokuWiki 2012-01-25 Angua uses jQuery)
- /lib/scripts/jqplot/jquery.jqplot.min.js # js
 #
 # jsxgraph
 #
-#https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js
+https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js
-#https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css
+https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css
-#
-# personal
-#
-/lib/scripts/src/header.js
-/lib/scripts/src/pointCharge.js
 </PRELOAD>
+<HTML>
-hhjkjkj
+<body>
-<JS>
+<div id="box" class="jxgbox" style="width:500px; height:500px;"></div>
+<script type="text/javascript">
+board1 = JXG.JSXGraph.initBoard('jxgbox1', {axis: true, boundingbox: [-6, 5, 6, -5]});
+board1.suspendUpdate();
+var s = board1.create('slider', [[0.75,-2],[4.5,-2],[0,0,10]], {name:'S',snapWidth:1});
+board1.create('functiongraph', [
+    function(t) {
+        var val = 0, sv = s.Value()+1,
+        k = 1;
+        for(var i = 0; i < sv; i++) {
+            val = val + Math.sin(2*Math.PI*k*t)/k;
+            k += 1;
+        }
+        return val+2;
+    }, -10, 10], {strokeColor: "#bb0000"});
+board1.create('functiongraph', [
+    function(t) {
+        var val = 0, sv = s.Value()+1,
+            k = 1;
+        for(var i = 0; i < sv; i++) {
+            val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
+            k += 1;
+        }
+        return val-2;
+    }, -10, 10], {strokeColor: "#cc5520"});
+board1.unsuspendUpdate();
+</script>
+</body>
+</HTML>
+hhjkjkj
-JXG.JSXGraph.freeBoard(board);
-board = JXG.JSXGraph.initBoard('box',{originX:100, originY:100, unitX:1, unitY:1, axis:true});
-board.create('point',[50,50]); board.create('point',[100,50]);
-</JS>