Magazine
 
Quick Review:Ajax
 
Ajax Examples
 

function focusIn(){
document.getElementById(“search”).focus( );
}
function overText(div_value) {
div_value.className = ‘over’;
}
function outText(div_value) {
div_value.className = ‘normal’;
}
function setText(value) {
document.getElementById(‘search’).value = value;
hide_divs();
document.getElementById(‘result’).innerHTML = ‘’;
}
function show_div(div_id) {
document.getElementById(div_id).style.display = ‘block’;
}
function hide_divs() {
document.getElementById(‘result’).style.display = ‘none’;
document.getElementById(‘close’).style.display = ‘none’;
}
</script>
</head>
<body onload=”focusIn();”>
<h2>Ajax Search Example</h2>
<form>
<b>Enter Search Keyword</b>
<table border = “0”>
<tr>
<td><input type=”text” id=”search” name=”search” onkeyup=”searchText()”
autocomplete=”off” /></td>
</tr>
<tr>
<td><div id=”result”></div></td>
</tr>
<tr>
<td><div id=”close” align=”right” style=”display: none;”><a href=”” onclick=”hide_divs();
return false”>close</a></div></td>
</tr>
</table>
</form>
</body>
</html>

Apr 2008 | Java Jazz Up |37
 
previous
index
next
 
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 , 70, 71, 72, 73, 74, 75, 76, 77, 78,   Download PDF