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
-var V_ein=function()
-{
 var zahl=4;
 var dec=2;
 var i_max=zahl+dec;
 var Val=0;
-var dx0=10*dx;
+var dx0=5*dx;
-var dy0=10*dy;
+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+50*dy],[0,1,9]],{name:'',snapWidth:1});
+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});
-//Val=Val+s[i].Value()*Math.pow(10,zahl-i);
+}
+var val_s=function()
+{
+var i;
+var val=0;
+for(i=0;i<s.length;i++)
+{
+val=val+s[i].Value()*Math.pow(10,(zahl-1-i));
 }
-return Val;
+return Math.round(Math.pow(10,dec)*val)/Math.pow(10,dec);
 }
-//V_ein();
+brd.create('text',[-25,15,function(){return val_s();}]);
-brd.create('text',[x_min,y_max-10*dy,V_ein],{});