| |
| Rad 50: |
Rad 50: |
| | var sliderSegment = b.segment([-2,-5.5],[4,-5.5]); | | var sliderSegment = b.segment([-2,-5.5],[4,-5.5]); |
| | var sliderText = b.txt(5, -5.5, '4'); | | var sliderText = b.txt(5, -5.5, '4'); |
| − | b.txt(1, -5, 'Välj x-värde', {mathMode:false}); | + | b.txt(1, -4.75, 'Välj x-värde', {mathMode:false}); |
| − | var sp = b.sliderPoint(sliderSegment, -3, 5, 4,{valueAsName:false});
| |
| − | sp.on('drag', function(){
| |
| − | movePoint(sp.value);
| |
| − | b.changeText(sliderText, String(sp.value));
| |
| − | });var b=mlg.board([-3.75,3.75,5.75,-5.75],{desktopSize:'medium'});
| |
| − | b.xaxis(1,1,'x',{ticks:{label:{display:'html'}}});
| |
| − | var yax = b.yaxis(1,1,'y',{ticks:{label:{display:'html'}}});
| |
| − | console.log(yax)
| |
| − | b.remove(yax.yaxis.ticks[0].labels[7]);
| |
| − | | |
| − | var padding = 0.25;
| |
| − | | |
| − | var f = b.func('0.75*x-1','blue');
| |
| − | var n1 = b.node(2.5,4.4);
| |
| − | var p1 = b.point(4,f.Y(4));
| |
| − | b.segment([function(){return p1.X();},0],p1,{withLabel:false});
| |
| − | var yArrow = b.segment(p1,[0,function(){return p1.Y();}],{withLabel:false, lastArrow:true, touchLastPoint:false});
| |
| − | var t = b.txt(3,-2.5,'<!--T:8--> Funktionsvärde: '+p1.Y().toFixed(1),{flag:true, mathMode:false, fontSize:1.1});
| |
| − | $(b.getId(t)).css({
| |
| − | "width":"43%",
| |
| − | "text-align":"center"
| |
| − | });
| |
| − | b.changeText(t,'<!--T:10--> Funktionsvärde: 2.0');
| |
| − | setTimeout(function(){b.board.update();},0);
| |
| − | | |
| − | var movePoint = function(val){
| |
| − | p1.moveTo([val, f.Y(val)]);
| |
| − | b.changeText(t,'<!--T:9--> Funktionsvärde: '+ p1.Y().toFixed(1));
| |
| − | if (Math.abs(p1.X()) < padding) {
| |
| − | yArrow.setAttribute({lastArrow:false});
| |
| − | }
| |
| − | else {
| |
| − | yArrow.setAttribute({lastArrow:true});
| |
| − | }
| |
| − | };
| |
| − | | |
| − | var bb = b.board.getBoundingBox();
| |
| − | b.polygon([
| |
| − | [bb[0],-4.25],
| |
| − | [bb[2],-4.25],
| |
| − | [bb[2],bb[3]],
| |
| − | [bb[0],bb[3]]
| |
| − | ],{borders:{strokeColor:'white'}, fillColor:'white'});
| |
| − | | |
| − | | |
| − | var sliderSegment = b.segment([-2,-5],[4,-5]);
| |
| − | var sliderText = b.txt(5, -5, '4');
| |
| | var sp = b.sliderPoint(sliderSegment, -3, 5, 4,{valueAsName:false}); | | var sp = b.sliderPoint(sliderSegment, -3, 5, 4,{valueAsName:false}); |
| | sp.on('drag', function(){ | | sp.on('drag', function(){ |
