Struggling with storing data values from an AJAX response XML into a global array, and then attempting to call a function that removes specific elements from it. The issue lies in the fact that the array is not declared as global. Here's the current code snippet. Any assistance would be greatly appreciated.
var someArray=new Array();
function refreshPage() {
downloadUrl("page.php", function(data) {
markers = data.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var value=markers[i].getAttribute("Value");
someArray.push(value);
}
});
window.setTimeout("refreshPage()",5000);
}
function removeElement(value){
someArray.slice(value,1);
}
function downloadUrl(url, callback) {
var status = -1;
var request = createXmlHttpRequest();
if (!request) {
return false;
}
request.onreadystatechange = function() {
if (request.readyState == 4) {
try {
status = request.status;
} catch (e) {
}
if (status == 200) {
callback(request.responseXML, request.status);
request.onreadystatechange = function() {};
}
}
}
request.open('GET', url, true);
try {
request.send(null);
} catch (e) {
changeStatus(e);
}
};