PART II
Chapter 8: User Interface Design for Ajax 383
var selectedItem = document.getElementById("resultlist" + index);
if (selectedItem)
{
selectItem(selectedItem);
country.value = selectedItem.innerHTML;
/* set the field to the suggestion */
}
}
else if (code == ENTER) /* clear list if enter key */
clearList();
else if (country == obj) /* otherwise get more suggestions */
{
gSelectedIndex = -1;
getSuggestions(obj);
}
}function selectItem(selectedItem)
{
var lastItem = document.getElementById("resultlist" + gSelectedIndex);
if (lastItem != null)
unselectItem(lastItem);
selectedItem.className = 'suggestLinkOver';
gSelectedIndex = parseInt(selectedItem.id.substring(10));
}
function unselectItem(selectedItem)
{
selectedItem.className = 'suggestLink';
}
function setCountry(value)
{
document.getElementById('country').value = value;
clearList();
}
function checkClick(e)
{
var target = ((e && e.target) ||(window && window.event && window.event.
srcElement));
var tag = target.tagName;
if (tag.toLowerCase() != "input" && tag.toLowerCase() != "div")
clearList();
}
function clearList()
{
var suggestList = document.getElementById('suggestList');
suggestList.innerHTML = '';
suggestList.style.display = "none";
}
window.onload = function ()
{
document.getElementById("suggestList").style.display = "none";
document.getElementById("country").onkeyup = function(e){checkKey(e,
this);};
document.onclick = checkClick;