docici
download 
Plainte Transcription
ici
C:\Users\andre\AppData\Local\Temp\fz3temp-1\ex4_modele.html
lundi 13 juin 2011 18:34
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>public_html/physique_electricite/ex4</title>
<link rel="stylesheet" href="http://lti.epfl.ch/LemanOS/CSS/EPFL_dynastyle.css"
type="text/css" media="screen">
<link rel="stylesheet" href="http://lti.epfl.ch/LemanOS/CSS/LTI_Title_Style.css"
type="text/css" media="screen">
<script type="text/javascript">
var ctx,ctx2
var tableau_resistances=[]
function calcul_r_equ(){
// retourne (à l'aide de l'instruction return)
// la valeur de la résistance équivalente
// de toutes les résistances, en parallèle, du tableau
// "tableau_reistances"
}
function initialise() {
ctx = document.getElementById('canvasID').getContext('2d')
ctx2 = document.getElementById('canvasID2').getContext('2d')
}
function circuit(ctx,x,y,width,height) {
ctx.beginPath()
ctx.moveTo(x,y)
ctx.lineTo(x+width,y)
ctx.stroke()
ctx.moveTo(x+width,y+height)
ctx.lineTo(x,y+height)
ctx.lineTo(x,y);
ctx.stroke()
ctx.beginPath()
ctx.rect(x-30,y+(height/2)-10,60,20)
ctx.strokeStyle="black"
ctx.fillStyle="white"
ctx.fill();
ctx.beginPath()
ctx.moveTo(x-20,y+(height/2)-10)
ctx.lineTo(x+20,y+(height/2)-10)
ctx.stroke()
ctx.beginPath()
ctx.moveTo(x-10,y+(height/2)+10);
ctx.lineTo(x+10,y+(height/2)+10)
ctx.fillStyle="black"
ctx.font = "20pt Arial";
ctx.fillText("+",x+20,y+(height/2)-10+10)
ctx.fillText("-",x+20,y+(height/2)+10+10)
ctx.stroke()
}
function dessiner_r(x,y,height){
-1-
C:\Users\andre\AppData\Local\Temp\fz3temp-1\ex4_modele.html
lundi 13 juin 2011 18:34
ctx.strokeStyle="black"
ctx.beginPath();
ctx.moveTo(x-40,y)
ctx.lineTo(x,y)
ctx.lineTo(x,y+height);
ctx.lineTo(x-40,y+height)
ctx.stroke();
ctx.beginPath();
ctx.rect(x-10,y+(height/2)-30,20,60)
ctx.fillStyle="white"
ctx.fill()
ctx.stroke()
}
function dessiner_rs(x,y,height,nbRes){
for(var i=0;i<nbRes;i++){
dessiner_r(x+(i*40),y,height)
}
}
function valeurs(nbRes){
var txt="<p>Entrez les valeurs des résistances puis appuyez
sur OK</p>"
for(var i=0;i<nbRes;i++){
txt+="<br/>R"+(i+1)+"=<input id='inp"+(i+1)+"'>"
}
txt+="<br/><button onclick='exec()'>OK</button><br/> "
document.getElementById('val_resistances').innerHTML=txt
}
function texte_resistance(x,y,height,nbRes){
tableau_resistances=[]
for(var i=0;i<nbRes;i++){
tableau_resistances.push(parseFloat(document.getElementById('inp'
+(i+1)).value))
}
for(var i=0;i<tableau_resistances.length;i++){
ctx.beginPath()
ctx.fillStyle="black"
ctx.fillText(tableau_resistances[i],x+(i*40)-10,y+(height/2))
ctx.fill()
ctx.stroke()
}
}
function dessin_r_equ(){
circuit(ctx2,40,40,100,200);
ctx2.beginPath()
ctx2.moveTo(40+100,40)
ctx2.lineTo(40+100,40+200)
ctx2.stroke();
ctx2.beginPath()
ctx2.rect(40+100-25,40+(200/2)-35,50,70)
ctx2.fillStyle="white"
-2-
C:\Users\andre\AppData\Local\Temp\fz3temp-1\ex4_modele.html
lundi 13 juin 2011 18:34
ctx2.strokeStyle="black"
ctx2.fill()
ctx2.stroke()
ctx2.fillStyle="black"
ctx2.fillText(calcul_r_equ(),40+100-25,40+(200/2))
}
function exec(){
ctx.clearRect(0,0,document.getElementById('canvasID').width,
document.getElementById('canvasID').height);
ctx2.clearRect(0,0,document.getElementById('canvasID2').width,
document.getElementById('canvasID2').height);
circuit(ctx,40,40,100,200);
dessiner_rs(160,40,200,parseInt(document.getElementById('inp_r').
value));
texte_resistance(160,40,200,parseInt(document.getElementById('inp_r'
).value));
calcul_r_equ();
dessin_r_equ()
}
</script>
</head>
<body onload="initialise();">
<h1>Résistances en parallèle</h1>
Entrez le nombre de résistances en parallèle puis appuyez sur <em>enter</em>:
<input onkeypress='if(event.keyCode==13)valeurs(parseInt(this.value))' id=
"inp_r"/>
<div id="val_resistances">
</div>
<p>
<h2>Le circuit avec des résistances en parallèle</h2>
<canvas id="canvasID" width="800px" height="300px" style="border: solid
1px">
</canvas>
</p>
<p>
<h2>Le circuit avec la résistance équivalente</h2>
<canvas id="canvasID2" width="800px" height="300px" style="border: solid
1px">
</canvas>
</p>
</body>
</html>
-3-
