// Russell Thompson
// Project: AJAX Request
// Page: JavaScript Code for XMLHttpRequest
// copyright 2009 Russ Thompson & Freelance I.T. Solutions
// DO NOT CHANGE ANY CODE IN THIS FILE - you are free to copy and reuse this code in your own projects
// russATfreelanceitsolutionsDOTcom
// 'global' variables
var popupContent = new Array();
// fill the popupContent array
popupContent[0] = "";
popupContent[1] = "";
// AJAX function(s)
// runajax function
function runajax(objId, serverPage, post_get)
{
// check for a valid IE instance
var xmlhttp = false;
// using IE?
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
// check for older versions of IE
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
// using a non-Microshit browser
xmlhttp = false;
}
}
// if not using IE, create an instand of the object
if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
{
xmlhttp = new XMLHttpRequest();
}
// decide to do POST or GET
if (post_get)
{
// since this is added late, and only for GET instances, post_get should always = get
var obj = document.getElementById(objId);
xmlhttp.open("GET", serverPage);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
obj.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
else
{
// extract the server page and the variable strings from 'serverPage' to be send using POST
var findChar = "?";
var indexSpot = serverPage.indexOf(findChar);
var pageString = serverPage.substring(0, indexSpot);
// for testing -> alert("pageSting = " + pageString + ".");
var varString = serverPage.substring(indexSpot+1);
// for testing -> alert("varString = " + varString + ".");
var obj = document.getElementById(objId);
xmlhttp.open("POST", pageString, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
obj.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(varString);
} // end if-else
} // end runajax function
// function to prepare the serverPage string for AJAX
function prepAJAX(theSwitch, theForm, theObj, special)
{
switch (theSwitch)
{
case "saveSport":
var getSport = document.getElementById("sportName").value;
var sendPage = "../pages/ddItemSave.php?action=saveSport&saveThis=" + getSport;
document.getElementById("modalLayer").innerHTML = "";
runajax(theObj, sendPage, 'get');
break;
case "firstSynch":
// first I want to center the progress animation in the main_display div
var progressSuccess = placeProgressImage(theObj);
if (!progressSuccess)
{
// if the progress animation did not work for some reason, just give a static 'loading...' message
var divContent = "
Promo Page Application
Synchronizing Files...
";
}
var sendPage = "promoPage_insert.php?use=synchToStart";
runajax(theObj, sendPage, 'get');
break;
} // end switch
// for testing
// alert("The URL = " + sendPage + ".");
// end testing
} // end prepAJAX function
// function to place the progress animation
function placeProgressImage(theObject)
{
// get the height and width of the div the progress animation is going into
var divWidth = document.getElementById(theObject).style.width;
var divHeight = document.getElementById(theObject).style.height;
// the image is 32x32 px
var progressLeft = (divWidth / 2) - (32 / 2);
var progressTop = (divHeight / 2) - (32 / 2);
document.getElementById(theObject).innerHTML = "
Promo Page Application - Synch Process
![\"Synching](\"../images/progress.gif\")
";
// document.getElementById('progressIcon').style.top = progressTop + "px";
// document.getElementById('progressIcon').style.left = progressLeft + "px";
document.getElementById('progressIcon').style.visibility = "visible";
return true;
} // end placeProgressImage function