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
| <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(path) {
var nb1 = document.getElementById("nb1").value;
var nb2 = document.getElementById("nb2").value;
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);
}
}
function remplacerTexte(el, texte) {
...
}
function effacerTexte(el) {
...
}
</script>
<table>
<form name="form1">
<tr>
<td><input type="text" name="nb1" id="nb1" onKeyPress="addition('<%= response.encodeURL(request.getContextPath() + "/WEB-INF/jsp/addition.jsp") %>');"></td>
<td>+</td>
<td><input type="text" name="nb2" id="nb2" onKeyPress="addition('<%= response.encodeURL(request.getContextPath() + "/WEB-INF/jsp/addition.jsp") %>');"></td>
<td>=</td>
<td><span id="result"></span></td>
</tr>
</form>
</table> |
Partager