Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- hfhm [2021/08/18 14:26] – torsten.roehl
+++ hfhm [2022/07/13 17:59] – torsten.roehl
@@ Zeile 1: / Zeile 1: @@
+[[http://wiki.linux-astronomie.de/data/html/fwhm.html|Externer Link]]
 <PRELOAD>
 #
 #
 #
- /lib/scripts/jqplot/jquery.jqplot.js
+/lib/scripts/jqplot/jquery.jqplot.js
- /lib/scripts/jqplot/jquery.jqplot.css
+/lib/scripts/jqplot/jquery.jqplot.css
- /lib/scripts/jqplot/jquery.min.js
+/lib/scripts/jqplot/jquery.min.js
- /lib/scripts/jqplot/jquery.jqplot.min.js
+/lib/scripts/jqplot/jquery.jqplot.min.js
 #
 # jsxgraph
 #
-https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js
+https://jsxgraph.org/distrib/jsxgraphcore.js
-https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css
+###https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js
+##https://jsxgraph.org/distrib/jsxgraph.css
+https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css
 #
 # personal
 #
-/lib/scripts/src/header.js
-/lib/scripts/src/pointCharge.js
 </PRELOAD>
+====== Halbwertsbreite ======
+<WRAP center round tip 55%>
+Linklisten veralten sehr schnell. Meistens sind die  Inhalte noch vorhanden, aber die Seite ist umgezogen, dann hilft es, anhand der Informationen die im Namen des Links stecken, nach der neuen URL zu suchen.
-====== TEST ======
+</WRAP>
 <HTML>
 <div id="jxgbox3" class="jxgbox" style="width:350px; height:350px; margin:auto"></div>
 </HTML>
 <JS>
+ // Before loading MathJax, it has to be configured something like this:
+window.MathJax = {
+  tex: {
+    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+    packages: ['base', 'ams']
+  },
+  options: {
+    ignoreHtmlClass: 'tex2jax_ignore',
+    processHtmlClass: 'tex2jax_process'
+  }
+};
+// save default options
+var h1 = JXG.Options.axis.ticks.majorHeight;
+var h2 = JXG.Options.axis.ticks.insertTicks;
+var h3 = JXG.Options.axis.ticks.ticksDistance;
+// modify
 JXG.Options.axis.ticks.majorHeight = 60;
 JXG.Options.axis.ticks.insertTicks = false;
 JXG.Options.axis.ticks.ticksDistance = 50;
- var brd = JXG.JSXGraph.initBoard('jxgbox3', {boundingbox: [-0.3,1.2, 6, -0.4], axis:true, grid:false,showCopyright:false, showNavigation:false });
+var brd = JXG.JSXGraph.initBoard('jxgbox3', {boundingbox: [-1.4,1.7, 6, -0.4],
+                                axis:false,
+                                showCopyright:false,
+                                showNavigation:false,
+                                useMathJax: true });
+xaxis = brd.create('axis', [[0, 0], [1,0]],
+		  {name:'x',
+		   withLabel: true,
+		   label: {position: 'rtt' , // possible values are 'lft', 'rt', 'top', 'bot'
+                  offset: [150, -10]   // (in pixels)
+		 }});
+yaxis = brd.create('axis', [[0, 0], [0, 1]],
+		  {name:'f(x)',
+			withLabel: true,
+			label: {
+			  position: 'rt',  // possible values are 'lft', 'rt', 'top', 'bot'
+			  offset: [-20, 0]   // (in pixels)
+				}
+			});
 var u = 3;
-var aa = brd.create('slider', [[2, -0.2], [4, -0.2], [0.1, 0.1, 1.3]], {name:'FWHM', snapWidth: 0.1});
+var aa = brd.create('slider', [[1.4, -0.2], [3.6, -0.2], [0.25, 0.85, 1.4]], {name:'    FWHM', snapWidth: 0.1});
 var    ff = brd.create('functiongraph',[function(x){
            return Math.exp(-(x-u)*(x-u)/(aa.Value()*aa.Value())) ;
-           },0,6],{ strokeColor:'red'});
+           },0,6],{ strokeColor:'red',strokeWidth: 2});
-</JS>
-====== TEST ======
+//var minX = -0.832555*aa.Value() + u;
+//var maxX =  0.832555*aa.Value() + u;
-<HTML>
-<div id="jxgbox" class="jxgbox" style="width:300px; height:300px; margin:auto"></div>
-</HTML>
-<JS>
-JXG.Options.axis.ticks.insertTicks = true;
- var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-4, 4, 4, -4], axis:true,  showCopyright:false, showNavigation:false });
- var graph1 = board.create('functiongraph', [function(x){return Math.sin(x);}, -Math.PI, Math.PI],{name:'sin(x)', withLabel:true});
- var graph2 = board.create('functiongraph', [function(x){return x*x-2;}, -3, 3],{name:'x^2 - 2', withLabel:true, strokeColor:'red'});
-</JS>
+var t1 = brd.create('text',[-0.7,1,"f_{max}"]);
+var t2 = brd.create('text',[-1.1,0.5, '1/2 f_{max}']);
+var t3 = brd.create('text',[2.1 ,1.5,"Halbwertsbreite"]);
-====== TEST ======
-<HTML>
-<div id="jxgbox1" class="jxgbox" style="width:300px; height:300px; margin:auto"></div>
-</HTML>
-<JS>
- var board = JXG.JSXGraph.initBoard('jxgbox1', {boundingbox: [-8, 8, 8, -8], axis:true,  showCopyright:false, showNavigation:false });
- var a = board.create('slider', [[-7.5, -3], [-4,-3], [-3, 1, 3]], {name:'a', snapWidth: 0.1});
- var c = board.create('slider', [[-7.5, -5], [-4,-5], [-1, 1, 4]], {name:'c',snapWidth: 1});
- var graph2 = board.create('functiongraph', [function(x){
-              return a.Value()*x*x + c.Value();}, -3, 3]);
- var text = board.create('text',[-6,6,function(){return a.Value().toFixed(2)+'\\times x^2'+c.Value()}]);
+brd.create('line',[[ function(){return  -0.832555*aa.Value() + u;},0],[ function(){return  -0.832555*aa.Value() + u;},1.4]], {strokeColor:'#808080',straightFirst:false, straightLast:false, strokeWidth:1,dash:2});
+brd.create('line',[[ function(){return  0.832555*aa.Value() + u;},0],[ function(){return  0.832555*aa.Value() + u;},1.4]], {strokeColor:'#808080',straightFirst:false, straightLast:false, strokeWidth:1,dash:2});
+var p1 = brd.create('point', [function(){return  -0.832555*aa.Value() + u;},0], {name:'x_1',withLabel:true,size:0, label:{
+         offset: [0, 0],
+         anchorX: 'middle',
+         anchorY: 'top',
+        }}),
+    p2 = brd.create('point', [function(){return  -0.832555*aa.Value() + u;},1.4], {withLabel:false,size:0}),
+    p4 = brd.create('point', [function(){return  0.832555*aa.Value() + u;},0], {name:'x_2',withLabel:true,size:0,
+     label:{
+         offset: [0, 0],
+         anchorX: 'middle',
+         anchorY: 'top',
+        }}),
+    p3 = brd.create('point', [function(){return  0.832555*aa.Value() + u;},1.4], {withLabel:false,size:0}),
+    rect = brd.create('polygon',[p1,p2,p3,p4],{withLines:false,
+                                               fillColor:'#D3D3D3',
+                                               hasInnerPoints:false,
+                                               withLabel:false});
+var v1 = brd.create('line',[[function(){return -0.832555*aa.Value() + u;},1.3],
+                            [function(){return  0.832555*aa.Value() + u;},1.3]],{
+    straightFirst:false,
+    straightLast:false,
+    lastArrow:true,
+    strokeColor:'#000000',
+    firstArrow:true
+});
+brd.create('line',[[0,1],[6,1]], {strokeColor:'#808080',straightFirst:false, straightLast:false, strokeWidth:1,dash:2});
+brd.create('line',[[0,0.5],[6,0.5]], {strokeColor:'#808080',straightFirst:false, straightLast:false, strokeWidth:1,dash:2});
+// reset options
+JXG.Options.axis.ticks.majorHeight = h1;
+JXG.Options.axis.ticks.insertTicks = h2;
+JXG.Options.axis.ticks.ticksDistance = h3;
 </JS>