//ajax
var xmlHttp
var arrCityNames = new Array();
var arrCityValues = new Array();
function showCities(str)
{
if(document.Form1.ddlCountry.value == "- Select Country -")
{
document.Form1.ddlCountry.focus()
document.Form1.DdlDestination.options.length =1;
return false;
}
else
{
if (str.length==0)
{
document.getElementById("spData").innerHTML=""
return
}
var citiesList = document.getElementById("DdlDestination");
citiesList.options.length = 0; // to empty the list
citiesList.options[citiesList.options.length] = new Option("Loading cities...","-1");
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="getCities.aspx"
url=url+"?q="+str
url=url+"&sid="+Math.random()
//onreadystatechange :: Event handler for an event that fires at every state change
xmlHttp.onreadystatechange=stateChanged // stateChanged is user define Javascript funtion
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
}
// Amit Bhatnagar
//For this application “stateChanged” is the event-handler for the client side. Now inside the
//event-handler (“stateChanged”) use readyState property to get various states. The value 4 is used
//to indicate the completion of certain processing. Now before processing the result one should check the
//status or statusText to determine the success or failure of the operation. In this application I did it
//in the following way:
function stateChanged()
{
// 0 = uninitialized
// 1 = loading
// 2 = loaded
// 3 = interactive
// 4 = complete
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
var citiesList = document.getElementById("DdlDestination");
var response = xmlHttp.responseText; // responseText :: Data returned from server in string form
// alert(response);
var strValuesCombination= new Array();
strValuesCombination = response.split('@');
var strCityNames = strValuesCombination[0];
var strCityValues = strValuesCombination[1];
arrCityNames = strCityNames.split('|');
arrCityValues = strCityValues.split('|');
if(arrCityNames.length>0)
{
for (var i = 0; i < arrCityNames.length; i++)
{
citiesList.options[citiesList.options.length] = new Option(arrCityNames[i], arrCityValues[i]);
}
citiesList.options[0]=new Option("- Select Destination -","-1");
citiesList.options[0].selected = true;
}
else
{
citiesList.options[0] = null;
citiesList.options[citiesList.options.length] = new Option("No Destination Found","-1");
}
}
}
function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}
function saveSelectedData()
{
document.getElementById("hdnCity").value = "";
var ctlCountry = document.getElementById("ddlCountry");
var obj=document.getElementById("DdlDestination");
var pos = parseInt(obj.selectedIndex)-1
document.getElementById("hdnCity").value = arrCityValues[pos] + "|" + arrCityNames[pos] +"|"+ ctlCountry.options[ctlCountry.selectedIndex].value +"|"+ ctlCountry.options[ctlCountry.selectedIndex].innerHTML;
//alert(document.getElementById("hdnCity").value);
}
function divwrite()
{
var aheight=600
var awidth=800
varloadingtxt='