J´ai trouvé bien mieux, finalement ^^ :
une sorte de tableur qui me permet de faire une bien meilleure présentation.
J´ai d´autres problèmes, du coup :D Par contre ça me permet de voir que via les javascripts, on peut vraiment faire plein de trucs!
Alors, déjà voila mon script ( trouvé sur le net, pis j´ai déjà pas mal arrangé pour mes besoins) ( attention, c´est plus gros la =D):
< html>
< head>
<title>frame_tarif_test</title>
<script language="JavaScript"><!--
function Initialize(i) {
if ( i==1) {document.getElementById("tot1").value =""};
if ( i==2) {document.getElementById("tot2").value =""};
if ( i==3) {document.getElementById("tot3").value =""};
if ( i==4) {document.getElementById("tot3").value =""};
if ( i==5) {document.getElementById("tot3").value =""};
if ( i==6) {document.getElementById("tot3").value =""};
document.getElementById("total").value ="";
}
function NoAction(i,txt) {
if ( i==1) {document.getElementById("tot1").value =txt};
if ( i==2) {document.getElementById("tot2").value =txt};
if ( i==3) {document.getElementById("tot3").value =txt};
if ( i==4) {document.getElementById("tot4").value =txt};
if ( i==5) {document.getElementById("tot5").value =txt};
if ( i==6) {document.getElementById("tot6").value =txt};
if ( i==0) {document.getElementById("total").value =txt};
}
function AddEach(){
var
a1=parseFloat(document.getElementById("val1").valu
e);
var
b1=parseFloat(document.getElementById("nbr1").valu
e);
var
a2=parseFloat(document.getElementById("val2").valu
e);
var
b2=parseFloat(document.getElementById("nbr2").valu
e);
var
a3=parseFloat(document.getElementById("val3").valu
e);
var
b3=parseFloat(document.getElementById("nbr3").valu
e);
var
a4=parseFloat(document.getElementById("val4").valu
e);
var
b4=parseFloat(document.getElementById("nbr4").valu
e);
var
a5=parseFloat(document.getElementById("val5").valu
e);
var
b5=parseFloat(document.getElementById("nbr5").valu
e);
var
a6=parseFloat(document.getElementById("val6").valu
e);
var
b6=parseFloat(document.getElementById("nbr6").valu
e);
document.getElementById("tot1").value = a1 * b1;
document.getElementById("tot2").value =a2 * b2;
document.getElementById("tot3").value = a3 * b3;
document.getElementById("tot4").value = a4 * b4;
document.getElementById("tot5").value = a5 * b5;
document.getElementById("tot6").value = a6 * b6;
document.getElementById("total").value = ( a1 * b1) + ( a2 * b2) + ( a3 * b3) + ( a4 * b4) + ( a5 * b5) + ( a6 * b6);
}
--></script>
< /head>
< body>
< style type="text/css">
. class1 {background-color:beige;}
. class2 {background-color:lavender; color:red;}
< /style>
< hr><font color=darkgreen><font size=3><p><center>Calcul du prix Total</center><font color=darkred><font size=2>
< center><div style="left: 10%; background-color: #99CCCC; width : 500px;">
Article Prix
< br>
< input type=´checkbox´ id="okhautesaison" value="ok" size=20>
<input type=´text´ id="item1" value="Chalet Haute Saison" size=20>
< input type="hidden" id="val1" value="170" size=5 onkeypress=Initialize(1)>
< input type=´hidden´ id="nbr1" value="1" size=3 onkeypress=Initialize(1)>
< input type=´text´ id="tot1" value="" size=5 class="class2" onkeypress=NoAction(1,value)>
<br>
<input type=´checkbox´ id="okbassesaison" value="ok" size=20>
<input type=´text´ id="item2" value="Chalet Basse Saison" size=20>
< input type=´hidden´ id="val2" value="120" size=5 onkeypress=Initialize(2)>
< input type=´hidden´ id="nbr2" value="2" size=3 onkeypress=Initialize(2)>
< input type=´text´ id="tot2" value="" size=5 class="class2" onkeypress=NoAction(2,value)>
<br>
<br>
Nombre de personnes<img src="../gif/pix.gif" width=20 height=1>
<br>
<input type=´checkbox´ id="okitem3" value="ok" size=20>
< input type=´text´ id="item3" value="item3" size=10>
< input type=´hidden´ id="val3" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr3" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot3" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<input type=´checkbox´ id="okitem4" value="ok" size=20>
< input type=´text´ id="item4" value="item4" size=10>
< input type=´hidden´ id="val4" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr4" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot4" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<input type=´checkbox´ id="okitem5" value="ok" size=20>
< input type=´text´ id="item5" value="item5" size=10>
< input type=´hidden´ id="val5" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr5" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot5" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<input type=´checkbox´ id="okitem6" value="ok" size=20>
< input type=´text´ id="item6" value="item6" size=10>
< input type=´hidden´ id="val6" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr6" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot6" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<br>
< input type=´button´ id="btntot" value="Total" onclick=AddEach()><img src="../gif/pix.gif" width=133 height=1>
< input type=´text´ id="total" value="" size=5 class="class2" onclick=NoAction(0,value)><br>
< /div></center>
< /body>
< /html>
Voila, j´avais prévenu, c´est plus gros ^^.
Bien, alors venons en a mes moutons, comme on dit ^^
J´ai rajouté devant chaque article un petit checkbox, parce que j´aimerais bien que si la personne la coche, il faille marquer obligatoirement une valeur ( dans " Nombre de personnes"), et si non cochée alors rien.
Toujours à propos du checkbox, on remarque l´espace laissé entre le " bloc" haute saison/ basse saison et le " bloc" des items. C´est que pour les 2 premiers ( haute saison / basse saison donc ) je voudrais que se soit obligatoirement l´un OU l´autre. Le prix s´ajoute au total en fonction, donc, de la checkbox cochée.
Comme je suis super exigeant et chiant, j´aimerais bien comprendre comment ça fonctionne. Alors si quelqu´un avait la gentillesse de faire un exemple avec les items, pis un autre avec mon " OU" ( des saisons), je pourrais voir la subtilité de la chose et faire le truc comme il faut ^^
Merci plein!