Magazine
 
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: &nbsp; <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: &nbsp;
<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
 
previous
index
next
 
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