DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional

Transcription

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional
C:\Users\andre\AppData\Local\Temp\fz3temp-1\ex2_modele.html
lundi 13 juin 2011 18:33
<!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/ex2</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>
function calculer_u(r,i){
return r*i
}
function calculer_i(r,u){
// a compléter
}
function calculer_r(u,i){
// a compléter
}
function afficher_i(){
document.getElementById('span_i_1').innerHTML=calculer_i(parseFloat(
document.getElementById('inp_r_1').value),parseFloat(document.getElementById('inp_u_1').value
))
}
function afficher_u(){
document.getElementById('span_u_2').innerHTML=calculer_u(parseFloat(
document.getElementById('inp_r_2').value),parseFloat(document.getElementById('inp_i_2').value
))
}
function afficher_r(){
document.getElementById('span_r_3').innerHTML=calculer_r(parseFloat(
document.getElementById('inp_u_3').value),parseFloat(document.getElementById('inp_i_3').value
))
}
</script>
</head>
<body>
<h1 style="text-align:left">Application de la loi d'Ohm</h1>
<!-- calcul de I-->
<div style="position:absolute;top:100px;left:20px">
<div style="position:absolute;top:-20px;left:0px"><h2>1. Calcul du courant</h2></div>
<img src="http://labo.gyb.ch/autres/collaboration/donnees/circuit.jpg">
<div style="position:absolute;top:280px;left:345px">R=<input style=
"width:80px" id="inp_r_1"/>
</div>
<div style="position:absolute;top:140px;left:145px">U=<input style=
-1-
C:\Users\andre\AppData\Local\Temp\fz3temp-1\ex2_modele.html
lundi 13 juin 2011 18:33
"width:80px" id="inp_u_1"/>
</div>
<div style="position:absolute;top:100px;left:545px">
<p><button onclick="afficher_i()">Afficher I</button>
</p>
<p>I=<span id="span_i_1">
</span>
</p>
</div>
</div>
<!-- calcul de U-->
<div style="position:absolute;top:500px;left:20px">
<div style="position:absolute;top:-20px;left:0px"><h2>2. Calcul de la tension
</h2></div>
<img src="http://labo.gyb.ch/autres/collaboration/donnees/circuit.jpg">
<div style="position:absolute;top:280px;left:345px">R=<input style=
"width:80px" id="inp_r_2"/>
</div>
<div style="position:absolute;top:100px;left:145px">
<p><button onclick="afficher_u()">Afficher U</button>
</p>
<p>U=<span id="span_u_2">
</span>
</p>
</div>
<div style="position:absolute;top:130px;left:525px">I=<input style=
"width:80px" id="inp_i_2"/>
</div>
</div>
<!-- calcul de R-->
<div style="position:absolute;top:900px;left:20px">
<div style="position:absolute;top:-20px;left:0px"><h2>3. Calcul de la résistance
</h2></div>
<img src="http://labo.gyb.ch/autres/collaboration/donnees/circuit.jpg">
<div style="position:absolute;top:265px;left:345px">
<button onclick="afficher_r()">Afficher R</button><br/>
R=<span id="span_r_3">
</span>
</div>
<div style="position:absolute;top:140px;left:145px">U=<input style=
"width:80px" id="inp_u_3"/>
</div>
<div style="position:absolute;top:130px;left:525px">I=<input style=
"width:80px" id="inp_i_3"/>
</div>
</div>
</body>
</html>
-2-