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
| <hmtl lang="fr">
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="description" content="repartitionet test de conditon :
http://www.developpez.net/forums/d1245480/webmasters-developpement-web/javascript/repartition-test-condition"./>
<meta nam="Author" content="Pierre-Marie Westeel"/>
<script type="text/javascript" src="jquery.js"></script><!-- attention j'ulise jquery-->
<title>javascript/repartition-test-condition</title>
<script type="text/javascript">
function calcul(){
var nbp=$("#nbp").val();
var acco=$("#acco").val();
for(i=0;i<nbp;i++){
var vl=$("#val"+i).val();
var vr=$("#var"+i).val();
var acco = acco - vl;
$("span.retour2").append("<b>nom :</b> "+vr+" <b>Valeur :</b> "+vl+" <b>Reste : </b>"+acco+".<br>");
}
}
$(document).ready(function(){
$("h2").click(function(){
var nb_postes = prompt("nombre de postes à facturer");
var acco = prompt("Montant de l'accompte accompte ?");
$("span.retour").html("Nombres de variables : "+nb_postes+
". Valeur accompte = "+acco);
for(i=0;i<nb_postes;i++){
$("#formulaire").append("variable "+i+" :<input type='text' id='var"+i+"'></input>Valeur "+i+" :<input type='number' id='val"+i+"'></input><br>");
}
$("#formulaire").append("<input type='hidden' value='"+nb_postes+"'' id='nbp'><input type='hidden' id='acco' value='"+acco+"'><button type='button' onclick='calcul()' class='calcul'>Cliquer ici pour le calcul de la répartition</button>");
});
});
</script>
<style>h2, .calcul {cursor:pointer;}</style>
</head>
<body>
<Header>javascript/repartition-test-condition<br>
http://www.developpez.net/forums/d1245480/webmasters-developpement-web/javascript/repartition-test-condition
</Header>
<article id="z_saisie"><!-- zone de saisie-->
<h2>Pour démarrer cliquer ici et appuyer sur F5 pour une nouvelle saisie</h2>
</article>
<article id="z_aff"><!-- zone d'affichage-->
<span class="retour"> </span>
<div id="formulaire"> </div>
<span class="retour2"> </span>
</article>
</body>
</hmtl> |
Partager