Eingabe mit Reglern

(Unterschied zwischen Versionen)

Aktuelle Version vom 21:03, 9. Dez. 2013

Mit Hilfe des Programmpakets JSXGraph (siehe http://jsxgraph.uni-bayreuth.de/wp/) können komplexe, interaktive Grafiken nur mit Hilfe von JavaScript in Webseiten integriert werden. Details unter http://jsxgraph.uni-bayreuth.de/docs/symbols/Circle.html

@@ Zeile 5: / Zeile 5: @@
 var x_max=100;
 var y_min=-100;
-var y_max=00;
+var y_max=100;
 var dx=(x_max-x_min)/100;
 var dy=(y_max-y_min)/100;
-var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [x_min,y_max,x_max,y_min]});
+var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [x_min,y_max,x_max,y_min],axis:true});
+var urlImg = "http://www.technikundkultur.de/wiki1/images/d/d7/Gott_Adam.gif";
+var im = brd.create('image',[urlImg, [-100,-100], [200,200] ]);
-//Eingabe Volumenstrom
+//Eingabe
-var V_ein=function()
+var zahl=4;
+var dec=2;
+var i_max=zahl+dec;
+var Val=0;
+var dx0=5*dx;
+var dy0=5*dy;
+var s=new Array();
+for (var i=0;i<i_max;i++)
+{
+s[i]=brd.create('slider',[[x_min+dx0*(i+1),y_min+dy0],[x_min+dx0*(i+1),y_min+30*dy],[0,1,9]],{name:'',snapWidth:1});
+}
+var val_s=function()
 {
 var i;
-var dx0=20*dx;
+var val=0;
-var dy0=10*dy;
+for(i=0;i<s.length;i++)
-var s=new Array();
-for(i=0,i<6,i++)
 {
-brd.create('slider',[[x_min+dx*20,y_min+dy0],[x_min+dx0,y_min+50*dy],[0,1,9]],{name:'',snapWidth:1});
+val=val+s[i].Value()*Math.pow(10,(zahl-1-i));
 }
+return Math.round(Math.pow(10,dec)*val)/Math.pow(10,dec);
 }
-V_ein;
+brd.create('text',[-25,15,function(){return val_s();}]);