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> |
