новые иконки в OpenBoard
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
OpenBoard/resources/library/applications/GraphMe.wgt/JavaScript/Editeur.js

217 lines
7.7 KiB

var editeur = {
idFct : 0,
fct : {
fct : "",
fctX : "",
fctY : "",
from : 0,
to : 2*Math.PI,
couleur : "",
couleurD1 : "",
couleurD2 : "",
couleurP1 : "",
width : 2,
style : "continu",
aire : false,
derivee1 : false,
derivee2 : false,
primitive1 : false,
conditionInitiale : 0
},
editer : function(id){
this.idFct = id;
if(fct.list[this.idFct]){
document.getElementById("editeurFonction").style.visibility = "visible";
this.setOptions();
}
else{
document.getElementById("editeurFonction").style.visibility = "hidden";
}
fct.updateList();
},
couleur : function(id){
colorPicker.init(id);
afficherMenu('menuCouleur');
},
getOptions : function(){
this.fct.fct = document.getElementById("editeurInput").value;
this.fct.fctX = document.getElementById("editeurFctX").value;
this.fct.fctY = document.getElementById("editeurFctY").value;
this.fct.from = document.getElementById("editeurFrom").value;
this.fct.to = document.getElementById("editeurTo").value;
this.fct.width = document.getElementById("editeurWidth").value;
this.fct.style = document.getElementById("editeurStyle").value;
this.fct.aire = document.getElementById("editeurAire").checked ? true : false;
this.fct.derivee1 = document.getElementById("editeurD1").checked ? true : false;
this.fct.derivee2 = document.getElementById("editeurD2").checked ? true : false;
this.fct.primitive1 = document.getElementById("editeurP1").checked ? true : false;
if(this.fct.primitive1){
document.getElementById("editeurConditionInitiale").disabled = "";
document.getElementById("editeurTexteConditionInitiale").style.color = "rgb(0,0,0)"
}
else{
document.getElementById("editeurConditionInitiale").disabled = "disabled";
document.getElementById("editeurTexteConditionInitiale").style.color = "rgb(128,128,128)"
}
this.fct.conditionInitiale = parseFloat(document.getElementById("editeurConditionInitiale").value);
fct.list[this.idFct].set(this.fct);
fct.updateList();
historique.ajouter(fct.list[this.idFct]);
this.apercu();
},
setOptions : function(){
var f = fct.list[this.idFct].get();
for(var i in f){
this.fct[i] = f[i];
}
this.setDisplayStyle();
document.getElementById("editeurInput").value = this.fct.fct;
document.getElementById("editeurFctX").value = this.fct.fctX;
document.getElementById("editeurFctY").value = this.fct.fctY;
document.getElementById("editeurFrom").value = this.fct.from;
document.getElementById("editeurTo").value = this.fct.to;
document.getElementById("editeurCouleur").style.backgroundColor = this.fct.couleur;
document.getElementById("editeurCouleurD1").style.backgroundColor = this.fct.couleurD1;
document.getElementById("editeurCouleurD2").style.backgroundColor = this.fct.couleurD2;
document.getElementById("editeurCouleurP1").style.backgroundColor = this.fct.couleurP1;
document.getElementById("editeurWidth").value = this.fct.width;
document.getElementById("editeurStyle").value = this.fct.style;
document.getElementById("editeurAire").checked = this.fct.aire ? "checked" : "";
document.getElementById("editeurD1").checked = this.fct.derivee1 ? "checked" : "";
document.getElementById("editeurD2").checked = this.fct.derivee2 ? "checked" : "";
document.getElementById("editeurP1").checked = this.fct.primitive1 ? "checked" : "";
if(this.fct.primitive1){
document.getElementById("editeurConditionInitiale").disabled = "";
document.getElementById("editeurTexteConditionInitiale").style.color = "rgb(0,0,0)"
}
else{
document.getElementById("editeurConditionInitiale").disabled = "disabled";
document.getElementById("editeurTexteConditionInitiale").style.color = "rgb(128,128,128)"
}
document.getElementById("editeurConditionInitiale").value = this.fct.conditionInitiale;
document.getElementById("outputX").innerHTML = " ";
document.getElementById("outputAire").innerHTML = " ";
this.apercu();
},
setDisplayStyle : function(){
if(fct.list[this.idFct] instanceof CartesianFunction){
document.getElementById("editeurFctPrefix").textContent = "f(x) = ";
document.getElementById("editeurFctDiv").style.display = "block";
document.getElementById("editeurFctXYDiv").style.display = "none";
document.getElementById("editeurRangeDiv").style.display = "none";
document.getElementById("editeurDeriveesDiv").style.display = "block";
document.getElementById("editeurStyleDiv").style.display = "block";
document.getElementById("editeurAireDiv").style.display = "block";
}
else if(fct.list[this.idFct] instanceof ImplicitFunction){
document.getElementById("editeurFctPrefix").textContent = "";
document.getElementById("editeurFctDiv").style.display = "block";
document.getElementById("editeurFctXYDiv").style.display = "none";
document.getElementById("editeurRangeDiv").style.display = "none";
document.getElementById("editeurDeriveesDiv").style.display = "none";
document.getElementById("editeurStyleDiv").style.display = "none";
document.getElementById("editeurAireDiv").style.display = "none";
}
else if(fct.list[this.idFct] instanceof PolarFunction){
document.getElementById("editeurFctPrefix").textContent = "r(t) = ";
document.getElementById("editeurFctDiv").style.display = "block";
document.getElementById("editeurFctXYDiv").style.display = "none";
document.getElementById("editeurRangeDiv").style.display = "block";
document.getElementById("editeurDeriveesDiv").style.display = "none";
document.getElementById("editeurStyleDiv").style.display = "block";
document.getElementById("editeurAireDiv").style.display = "none";
}
else if(fct.list[this.idFct] instanceof ParametricFunction){
document.getElementById("editeurFctDiv").style.display = "none";
document.getElementById("editeurFctXYDiv").style.display = "block";
document.getElementById("editeurRangeDiv").style.display = "block";
document.getElementById("editeurDeriveesDiv").style.display = "none";
document.getElementById("editeurStyleDiv").style.display = "block";
document.getElementById("editeurAireDiv").style.display = "none";
}
},
etudier : function(){
fct.etudier(this.idFct);
},
supprimer : function(){
fct.enlever(this.idFct);
if(!fct.list[this.idFct]){
this.editer(this.idFct - 1);
}
else{
this.editer(this.idFct);
}
},
dupliquer : function(){
fct.dupliquer(this.idFct);
this.editer(this.idFct + 1);
},
apercu : function(){
editorPreview.drawFunction(fct.list[this.idFct]);
}
};
var editorPreview = {
id : "editeurApercu",
xGauche : -5,
xDroite : 5,
yBas : -4,
yHaut : 4,
largeur : 0,
hauteur : 0,
multX : 1,
multY : 1,
ctx: null,
init : function(){
var canvas = document.getElementById("editeurApercu");
this.ctx = canvas.getContext("2d");
this.largeur = canvas.width;
this.hauteur = canvas.height;
this.multX = this.largeur/Math.abs(this.xDroite - this.xGauche);
this.multY = this.hauteur/Math.abs(this.yHaut - this.yBas);
this.precision = Math.abs(this.xDroite - this.xGauche)/50;
},
drawFunction : function(func){
var x, y, pointX, pointY;
var ctx = this.ctx;
ctx.clearRect(0,0,100,80);
ctx.globalAlpha = 0.7;
ctx.fillStyle = "rgba(0,0,0,0.5)"
ctx.fillRect(0,39.5, 100, 1);
ctx.fillRect(49.5,0, 1, 80);
ctx.beginPath();
// ctx.lineWidth = func.width/1.8;
// ctx.strokeStyle = func.couleur;
// ctx.moveTo(-100,-100);
// for(x = -5; x <= 5; x+=0.2){
// // Evaluer la valeur y du point x
// try{
// y = func.f(x);
// }
// catch(e){}
// if(!isNaN(y)){
// // Transformation des coordonnées
// pointX = x * 10 + 50;
// pointY = 40 - y * 10;
//
// // Dessiner la fonction
// ctx.lineTo(pointX, pointY);
// }
// }
func.plot(ctx, this.precision, this);
// ctx.stroke();
}
};