Cant pass Variable to getElementByID
I am trying to pass a variable into where I would getElementByID and it always says "document.getElementById(prodColorName) has no properties. I think I have tried everything. The problem seems to be occuring in function colorStateChanged in this line "document.getElementById(prodColorName).innerHTML = xmlHttp.responseText;
"
Here is the full code:
function sizeGetColor(selectedSize,currentColor,prodID,setNumber)
{
var url="http://estrategize.mailwebsol.com/Yandy/setOptionAjax.php?prodID=" + prodID + "&size=" + selectedSize + "&action=sizeGetColor¤tColor=" + 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;
}
}
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
}
}

