Eingabe mit Reglern
Aus Wiki1
(Unterschied zwischen Versionen)
(Der Versionsvergleich bezieht 43 dazwischenliegende Versionen mit ein.) | |||
Zeile 5: | Zeile 5: | ||
var x_max=100; | var x_max=100; | ||
var y_min=-100; | var y_min=-100; | ||
- | var y_max= | + | var y_max=100; |
var dx=(x_max-x_min)/100; | var dx=(x_max-x_min)/100; | ||
var dy=(y_max-y_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 | + | //Eingabe |
- | var | + | var zahl=4; |
- | + | var dec=2; | |
- | var dx0= | + | var i_max=zahl+dec; |
- | var dy0= | + | var Val=0; |
+ | var dx0=5*dx; | ||
+ | var dy0=5*dy; | ||
var s=new Array(); | var s=new Array(); | ||
- | for (var i=0;i< | + | 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 val=0; | ||
+ | for(i=0;i<s.length;i++) | ||
{ | { | ||
- | + | val=val+s[i].Value()*Math.pow(10,(zahl-1-i)); | |
} | } | ||
+ | return Math.round(Math.pow(10,dec)*val)/Math.pow(10,dec); | ||
} | } | ||
- | + | brd.create('text',[-25,15,function(){return val_s();}]); | |
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