|
AJAX: Redefining Web Applications |
|
|
parser.parseFromString(response,”text/xml”);
binVal =
dom.getElementsByTagName(“binary”);
var binary =
document.getElementById(“binary”);
binary.value =
binVal[0].childNodes[0].nodeValue;
octVal =
dom.getElementsByTagName(“octal”);
var octal =
document.getElementById(“octal”);
octal.value =
octVal[0].childNodes[0].nodeValue;
decVal =
dom.getElementsByTagName(“decimal”);
var decimal =
document.getElementById(“decimal”);
decimal.value =
decVal[0].childNodes[0].nodeValue;
hexVal =
dom.getElementsByTagName(“hexadecimal”);
var hexadecimal =
document.getElementById(“hexadecimal”);
hexadecimal.value =
hexVal[0].childNodes[0].nodeValue;
}
function msPopulate( ){
var response = request.responseText;
var xmlDoc = new
ActiveXObject(“Microsoft.XMLDOM”);
xmlDoc.async = “false”;
xmlDoc.loadXML(response);
nodes =
xmlDoc.documentElement.childNodes;
bin =
xmlDoc.getElementsByTagName(‘binary’);
var binary =
document.getElementById(‘binary’);
binary.value = bin[0].firstChild.data;
oct =
xmlDoc.getElementsByTagName(‘octal’);
var octal = document.getElementById(‘octal’);
octal.value = oct[0].firstChild.data;
dec =
xmlDoc.getElementsByTagName(‘decimal’);
var decimal =
document.getElementById(‘decimal’);
decimal.value = dec[0].firstChild.data;
hex =
xmlDoc.getElementsByTagName(‘hexadecimal’);
var hexadecimal =
document.getElementById(‘hexadecimal’);
|
|
}
function focusIn( ){
document.getElementById(“key”).focus;
}
</script>
</head>
<body onload=”focusIn( );”>
<h1>AJAX Character Decoder</h1>
<br><br>
<table>
<tr>
<td>
Enter the key here: <input
type=”text” id=”key” name=”key”
maxlength=”2" size=”2"
onkeyup=”convertToXML( );”>
</td>
</tr>
</table>
<table border=”1">
<tr>
<td align=”center” colspan=”5">
Key pressed:
<input type=”text” readonly
id=”keypressed” maxlength=”2" size=”2">
</td>
</tr>
<tr>
<td align=”center”>Binary</td>
<td align=”center”>Octal</td>
<td align=”center”>Decimal</td>
<td align=”center”>Hexadecimal</td>
</tr>
<tr>
<td align=”center”>
<input type=”text” readonly id=”binary”>
</td>
<td align=”center”>
<input type=”text” readonly id=”octal”>
</td>
<td align=”center”>
<input type=”text” readonly id=”decimal”>
</td>
<td align=”center”>
<input type=”text” readonly
id=”hexadecimal”>
</td>
</tr>
</table>
</body>
</html>
|
|
|
Nov
2007 | Java Jazz Up | 51 |
|
|
|
View All Topics |
All Pages of this Issue |
Pages:
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 Download PDF |
|
|
|
|
|
|
|
|
|