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
| <script type="text/javascript" src="/addition/js/texte-utils.js"> </script>
<script language="javascript" type="text/javascript">
var requete = null;
try {
requete = new XMLHttpRequest();
} catch (essaimicrosoft) {
try {
requete = new ActiveXObject("Msxml2.XMLHTTP");
} catch (autremicrosoft) {
try {
requete = new ActiveXObject("Microsoft.XMLHTTP");
} catch (echec) {
requete = null;
}
}
}
if (requete == null)
alert("Error creating request object!");
function addition() {
var path="/addition/jsp/addition.jsp?nb="+c2.length;
var i=0;
while(i<c2.length){
var iS = i.toString();
var byId = "nb"+iS;
path = path+"&nb"+iS+"="+document.getElementById(byId).value;
i++;
}
requete.open("GET", path, true);
requete.onreadystatechange = actualiserPage;
requete.send(null);
}
function actualiserPage() {
if (requete.readyState == 4) {
if (requete.status == 200) {
/* Mettre à jour le champ */
nouveauResult = requete.responseText;
var result = document.getElementById("result");
remplacerTexte(result, nouveauResult);
}
else{
alert("Erreur! Le statut de la requête est " + requete.status);
}
}
}
var c,c2, ch;
// ajouter un champ avec son "name" propre;
function plus(){
c=document.getElementById('cadre');
c2=c.getElementsByTagName('input');
ch=document.createElement('input');
ch.setAttribute('type','text');
ch.setAttribute('name','nb'+c2.length);
ch.setAttribute('id','nb'+c2.length);
ch.setAttribute('onKeyUp','addition()');
c.appendChild(ch);
ch.focus();
document.getElementById('sup').style.display='inline';
}
// supprimer le dernier champ;
function moins(){
if(c2.length>0){
c.removeChild(c2[c2.length-1]);
}
if(c2.length==0){
document.getElementById('sup').style.display='none';
}
addition();
}
</script>
<form id="frm" action="">
<p>
<input type="button" value="Ajouter un champ pour l'addition" onclick="plus()" />
<input type="button" style="display:none" id="sup" value="Supprimer le dernier champ" onclick="moins()" />
</p>
<div id="cadre" style="margin-left:100px;width:200px">
</div>
Total: <span id="result">0</span>
</form> |
Partager