Eingabe mit Reglern
Aus Wiki1
(Unterschied zwischen Versionen)
(Der Versionsvergleich bezieht 35 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 zahl=4; | var zahl=4; | ||
var dec=2; | var dec=2; | ||
- | var i_max= | + | var i_max=zahl+dec; |
var Val=0; | var Val=0; | ||
- | var dx0= | + | var dx0=5*dx; |
- | var dy0= | + | var dy0=5*dy; |
var s=new Array(); | var s=new Array(); | ||
for (var i=0;i<i_max;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