Trouble passing variable into asyncronous function

[rayfinkel2]

Hi,

 

I am doing some AJAX and am having trouble passing the variable setNumber into function "colorStateChanged". If anyone has any ideas, I would appreciate it.

 

 

function sizeGetColor(selectedSize,currentColor,prodID,setNumber)

{

var url="http://estrategize.mailwebsol.com/Yandy/setOptionAjax.php?prodID=" + prodID + "&size=" + selectedSize + "&action=sizeGetColor&currentColor=" + currentColor + "&setNumber=" + setNumber;

xmlHttp=GetXmlHttpObject(colorStateChanged)

xmlHttp.open("GET", url , true)

xmlHttp.send(null)

}

 

function colorStateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

var prodColorName = "prodColor" + setNumber;

document.getElementById(prodColorName).innerHTML = xmlHttp.responseText;

}

}

 

 

function GetXmlHttpObject(handler)

{

var objXmlHttp=null

 

if (navigator.userAgent.indexOf("Safari")>=0)

{

objXmlHttp=new XMLHttpRequest()

objXmlHttp.onload=handler

objXmlHttp.onerror=handler

return objXmlHttp

}

if (navigator.userAgent.indexOf("Opera")>=0)

{

objXmlHttp=new XMLHttpRequest()

objXmlHttp.onload=handler

objXmlHttp.onerror=handler

return objXmlHttp

}

if (navigator.userAgent.indexOf("MSIE")>=0)

{

var strName="Msxml2.XMLHTTP"

if (navigator.appVersion.indexOf("MSIE 5.5")>=0)

{

strName="Microsoft.XMLHTTP"

}

try

{

objXmlHttp=new ActiveXObject(strName)

objXmlHttp.onreadystatechange=handler

return objXmlHttp

}

catch(e)

{

alert("Error. Scripting for ActiveX might be disabled")

return

}

}

 

if (navigator.userAgent.indexOf("Mozilla")>=0)

{

objXmlHttp=new XMLHttpRequest()

objXmlHttp.onload=handler

objXmlHttp.onerror=handler

return objXmlHttp

}

}

 

[rayfinkel2]

I figured it out.  I just needed to do add a global variable to the first function

[rayfinkel2]

Well, I got the first part figured out, but now I can't get the getElementByID to use the variable I created.  This is what I have:

 

function sizeGetColor(selectedSize,currentColor,prodID,setNumber)

{

var url="http://estrategize.mailwebsol.com/Yandy/setOptionAjax.php?prodID=" + prodID + "&size=" + selectedSize + "&action=sizeGetColor&currentColor=" + currentColor + "&setNumber=" + setNumber;

number=setNumber

xmlHttp=GetXmlHttpObject(colorStateChanged)

xmlHttp.open("GET", url , true)

xmlHttp.send(null)

}

 

function colorStateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

var prodColorName="prodColor"+number;

document.getElementById(prodColorName).innerHTML = xmlHttp.responseText;

}

}

 

It always tries to getElementById with the word prodColorName instead of the Variable created Above.

 

Any Suggestions?