Eingabe mit Reglern
Aus Wiki1
(Unterschied zwischen Versionen)
(Der Versionsvergleich bezieht 24 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 | ||
Zeile 16: | Zeile 18: | ||
var i_max=zahl+dec; | 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+ | + | 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',[ | + | 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