1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161
| <head>
<script>
var total=0; // on initialise la valeur de total à 0. la valeur de total est externe à la fonction, sinon à chaque fois qu'on appelle la fonction, elle
function testValeur(valeur) { // La fonction qui contrôle les valeurs saisies.
var valeur=parseFloat(valeur,10); // On transforme le chiffre en valeur entière (pas en décimale, attention !). Le parmaètre 10 après valeur, c'est pour forcer le nombre en base 10 (sinon tu pourrais avoir des surprises)
if (isNaN(valeur)) alert("Veuillez saisir un nombre entier..."); // Si la valeur n'est pas un nombre (isNaN = isNotaNumber) on envoi un message d'alert à l'utilisateur
else { // Sinon
total += valeur; // La valeur de total augmente de la propre valeur saisie...
}
// somme de la première ligne de valeurs.
var nba=parseFloat(document.getElementById('q1').value) + parseFloat(document.getElementById('q2').value)+parseFloat(document.getElementById('q3').value)+parseFloat(document.getElementById('q4').value)+parseFloat(document.getElementById('q5').value)+parseFloat(document.getElementById('q6').value)+parseFloat(document.getElementById('q7').value)+parseFloat(document.getElementById('q8').value)+parseFloat(document.getElementById('q9').value)+parseFloat(document.getElementById('q10').value);
// On met les valeurs dans des objets (sorte de tableaux de valeurs) / ligne1=1re ligne de valeurs, ligne3 = les réponses attendues
var ligne1 = { q1: document.getElementById("q1"), q2: document.getElementById("q2"), q3: document.getElementById("q3"), q4: document.getElementById("q4"), q5: document.getElementById("q5"), q6: document.getElementById("q6"), q7: document.getElementById("q7"), q8: document.getElementById("q8"), q9: document.getElementById("q9"), q10: document.getElementById("q10") };
var ligne2 = { q1: document.getElementById("q11"), q2: document.getElementById("q12"), q3: document.getElementById("q13"), q4: document.getElementById("q14"), q5: document.getElementById("q15"), q6: document.getElementById("q16"), q7: document.getElementById("q17"), q8: document.getElementById("q18"), q9: document.getElementById("q19"), q10: document.getElementById("q20") };
var ligne3 = { q1: document.getElementById("p1"), q2: document.getElementById("p2"), q3: document.getElementById("p3"), q4: document.getElementById("p4"), q5: document.getElementById("p5"), q6: document.getElementById("p6"), q7: document.getElementById("p7"), q8: document.getElementById("p8"), q9: document.getElementById("p9"), q10: document.getElementById("p10") };
// On affiche le total au fur et à mesure...
document.getElementById('total').value=total;
// Si les valeurs le permettent, on fait le total de NBA (?) -> je sais pas ce que c'est.
if (!isNaN(nba)) document.getElementById('nba').value=nba; else document.getElementById('nba').value="...";
// On fait les formules...
// Ex: si la première valeur de la ligne 1 ligne1.q1 fait référence à la valeur de q1 déclarée plus haut dans l'objet ligne1 (soit = document.getElementById("q1"))
if (ligne1.q1.value != "" && ligne2.q1.value != "") ligne3.q1.value = (parseFloat(ligne1.q1.value) * parseFloat(ligne2.q1.value))/total;
if (ligne1.q2.value != "" && ligne2.q2.value != "") ligne3.q2.value = (parseFloat(ligne1.q2.value) * parseFloat(ligne2.q2.value))/total;
if (ligne1.q3.value != "" && ligne2.q3.value != "") ligne3.q3.value = (parseFloat(ligne1.q3.value) * parseFloat(ligne2.q3.value))/total;
if (ligne1.q4.value != "" && ligne2.q4.value != "") ligne3.q4.value = (parseFloat(ligne1.q4.value) * parseFloat(ligne2.q4.value))/total;
if (ligne1.q5.value != "" && ligne2.q5.value != "") ligne3.q5.value = (parseFloat(ligne1.q5.value) * parseFloat(ligne2.q5.value))/total;
if (ligne1.q6.value != "" && ligne2.q6.value != "") ligne3.q6.value = (parseFloat(ligne1.q6.value) * parseFloat(ligne2.q6.value))/total;
if (ligne1.q7.value != "" && ligne2.q7.value != "") ligne3.q7.value = (parseFloat(ligne1.q7.value) * parseFloat(ligne2.q7.value))/total;
if (ligne1.q8.value != "" && ligne2.q8.value != "") ligne3.q8.value = (parseFloat(ligne1.q8.value) * parseFloat(ligne2.q8.value))/total;
if (ligne1.q9.value != "" && ligne2.q9.value != "") ligne3.q9.value = (parseFloat(ligne1.q9.value) * parseFloat(ligne2.q9.value))/total;
if (ligne1.q10.value != "" && ligne2.q10.value != "") ligne3.q10.value = (parseFloat(ligne1.q10.value) * parseFloat(ligne2.q10.value))/total;
// Les calculs complémentaires
if (ligne3.q1.value != "" && ligne3.q2.value != "") document.getElementById('p11').value=total*12;
if (ligne3.q3.value != "" && ligne3.q4.value != "") document.getElementById('p12').value=total*12*0.21;
if (ligne3.q5.value != "" && ligne3.q6.value != "") document.getElementById('p13').value=nba*12;
if (ligne3.q7.value != "" && ligne3.q8.value != "") document.getElementById('p14').value=nba*12*0.21;
}
</script>
<style type="text/css">
table.saisies { background:#36C; }
table.saisies td { border: solid 1px; red; }
</style>
</head>
<body>
<form name="form1">
<table width="776" height="92" border="0" cellpadding="0" class="saisies">
<tr align="center" valign="middle">
<th scope="col" width="77px;"><INPUT TYPE="text" id="q1" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col" width="77px;"><INPUT TYPE="text" id="q2" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col" width="77px;"><INPUT TYPE="text" id="q3" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q4" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q5" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q6" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q7" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q8" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q9" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
<th scope="col"width="77px;"><INPUT TYPE="text" id="q10" SIZE=3 MAXLENGTH=3 onblur="testValeur(this.value);"></th>
</tr>
<tr align="center" valign="middle">
<th scope="row"><INPUT TYPE="text" id="q11" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></th>
<td><INPUT TYPE="text" id="q12" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q13" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q14" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q15" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q16" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q17" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q18" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q19" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
<td><INPUT TYPE="text" id="q20" SIZE=3 MAXLENGTH=2 onblur="testValeur(this.value);"></td>
</tr>
</table>
</div>
<!-- middle -->
<div class="middle-sr">
<!-- content -->
<div class="wrapper">
<div class="content">
<div class="simulrenta2">
<table width="259" height="175" border="0" cellpadding="5" class="reponses">
<tr>
<th width="113" align="center" valign="middle" scope="col"><INPUT TYPE="text" id="p1" SIZE=5 disabled="disabled"></th>
<th width="120" align="center" valign="middle" scope="col"><INPUT TYPE="text" id="p2" SIZE=3 disabled="disabled"></th>
</tr>
<tr>
<th align="center" valign="middle" scope="row"><INPUT TYPE="text" id="p3" SIZE=3 MAXLENGTH=2 disabled="disabled"></th>
<td align="center" valign="middle"><INPUT TYPE="text" id="p4" SIZE=3 MAXLENGTH=2 disabled="disabled"></td>
</tr>
<tr>
<th align="center" valign="middle" scope="row"><INPUT TYPE="text" id="p5" SIZE=3 MAXLENGTH=2 disabled="disabled"></th>
<td align="center" valign="middle"><INPUT TYPE="text" id="p6" SIZE=3 MAXLENGTH=2 disabled="disabled"></td>
</tr>
<tr>
<th align="center" valign="middle" scope="row"><INPUT TYPE="text" id="p7" SIZE=3 MAXLENGTH=2 disabled="disabled"></th>
<td align="center" valign="middle"><INPUT TYPE="text" id="p8" SIZE=3 MAXLENGTH=2 disabled="disabled"></td>
</tr>
<tr>
<th align="center" valign="middle" scope="row"><INPUT TYPE="text" id="p9" SIZE=3 MAXLENGTH=2 disabled="disabled"></th>
<td align="center" valign="middle"><INPUT TYPE="text" id="p10" SIZE=3 MAXLENGTH=2 disabled="disabled"></td>
</tr>
</table>
</div>
<div class="simulrenta3">
<table width="260" height="211" border="0" cellpadding="5">
<tr>
<th width="113" align="center" valign="middle" scope="col"><INPUT TYPE="text" NAME="p11" SIZE=3 MAXLENGTH=2></th>
<th width="120" align="center" valign="middle" scope="col"><INPUT TYPE="text" NAME="p12" SIZE=3 MAXLENGTH=2></th>
</tr>
<tr>
<th align="center" valign="middle" scope="row"><INPUT TYPE="text" NAME="p13" SIZE=3 MAXLENGTH=2></th>
<td align="center" valign="middle"><INPUT TYPE="text" NAME="p14" SIZE=3 MAXLENGTH=2></td>
</tr>
<tr>
<th align="center" valign="middle" scope="row"> </th>
<td align="center" valign="middle"> </td>
</tr>
</table>
</div>
<div class="simulrenta4">
<table width="400" height="228" border="0" cellpadding="5">
<tr>
<th colspan="2" align="center" valign="middle" scope="col"><INPUT TYPE="text" id="p15" SIZE=3 MAXLENGTH=2></th>
<th width="186" align="center" valign="middle" scope="col"><INPUT TYPE="text" id="p16" SIZE=3 MAXLENGTH=2></th>
</tr>
<tr>
<th colspan="2" align="center" valign="middle" scope="row"><INPUT TYPE="text" id="p17" SIZE=3 MAXLENGTH=2></th>
<td align="center" valign="middle"><INPUT TYPE="text" id="p18" SIZE=3 MAXLENGTH=2></td>
</tr>
<tr>
<th height="36" colspan="3" align="center" valign="middle" scope="row"> </th>
</tr>
<tr>
<th width="126" height="46" align="center" valign="middle" scope="row"> </th>
<th height="46" colspan="2" align="left" valign="middle" scope="row"><INPUT TYPE="text" id="p19" SIZE=3 MAXLENGTH=2></th>
</tr>
</table>
<input type="text" size="10" id="total" disabled="disabled" />
<inputTYPE="RESET" VALUE="Effacer" >
<form> |