AJAX - The Complete Reference

382 Part II: Developing an Ajax Library^

var ENTER = 13;

var KEYUP = 38;

var KEYDOWN = 40;

function sendRequest(url, payload)

{

var options = {method:"GET",

payload:payload,

onSuccess: handleResponse

};

AjaxTCR.comm.sendRequest(url, options);

}

function handleResponse(response)

{

var suggestList = document.getElementById('suggestList')

suggestList.innerHTML = "";

var names = response.xhr.responseText.split("\n");

for (var i=0; i < names.length - 1; i++)

{

var suggestItem = document.createElement("div");

suggestItem.id = "resultlist" + i;

suggestItem.onmouseover = function(){selectItem(this);};

suggestItem.onmouseout = function(){unselectItem(this);};

suggestItem.onclick = function(){setCountry(this.innerHTML);};

suggestItem.className = "suggestLink";

suggestItem.appendChild(document.createTextNode(names[i]));

suggestList.appendChild(suggestItem);

}

if (names.length > 1)

suggestList.style.display = "";

else

suggestList.style.display = "none";

}

function getSuggestions(country)

{

var url = "http://ajaxref.com/ch8/getcountry.php";

var payload = "name=" + country.value;

sendRequest(url, payload);

}

function checkKey(e, obj)

{

var country = document.getElementById("country");

/* get key pressed */

var code = (e && e.which)? e.which : window.event.keyCode;

/* if up or down move thru the suggestion list */

if (code == KEYDOWN || code == KEYUP)

{

var index = gSelectedIndex;

if (code == KEYDOWN)

index++;

else

index--;

/* find item in suggestion list being looked at if any */