=== File http://localhost/subjectPrograms/ClientSideOnly/dynamicArticles/js/ajax.js ===
/* Simple AJAX Code-Kit (SACK) v1.6.1 */
/* ©2005 Gregory Wild-Smith */
/* www.twilightuniverse.com */
/* Software licenced under a modified X11 licence,
   see documentation or authors website for more details */

>>>  function sack(file) {
>>>  	this.xmlhttp = null;

>>>  	this.resetData = function() {
>>>  		this.method = "POST";
>>>    		this.queryStringSeparator = "?";
>>>  		this.argumentSeparator = "&";
>>>  		this.URLString = "";
>>>  		this.encodeURIString = true;
>>>    		this.execute = false;
>>>    		this.element = null;
>>>  		this.elementObj = null;
>>>  		this.requestFile = file;
>>>  		this.vars = new Object();
>>>  		this.responseStatus = new Array(2);
  	};

>>>  	this.resetFunctions = function() {
>>>    		this.onLoading = function() { };
>>>    		this.onLoaded = function() { };
>>>    		this.onInteractive = function() { };
>>>    		this.onCompletion = function() { };
>>>    		this.onError = function() { };
>>>  		this.onFail = function() { };
	};

>>>  	this.reset = function() {
>>>  		this.resetFunctions();
>>>  		this.resetData();
	};

>>>  	this.createAJAX = function() {
>>>  		try {
>>>  			this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
>>>  		} catch (e1) {
>>>  			try {
>>>  				this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
>>>  			} catch (e2) {
>>>  				this.xmlhttp = null;
>>>  			}
>>>  		}

>>>  		if (! this.xmlhttp) {
>>>  			if (typeof XMLHttpRequest != "undefined") {
>>>  				this.xmlhttp = new XMLHttpRequest();
---  			} else {
---  				this.failed = true;
			}
		}
	};

>>>  	this.setVar = function(name, value){
>>>  		this.vars[name] = Array(value, false);
	};

>>>  	this.encVar = function(name, value, returnvars) {
>>>  		if (true == returnvars) {
>>>  			return Array(encodeURIComponent(name), encodeURIComponent(value));
>>>  		} else {
>>>  			this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
		}
	}

>>>  	this.processURLString = function(string, encode) {
>>>  		encoded = encodeURIComponent(this.argumentSeparator);
>>>  		regexp = new RegExp(this.argumentSeparator + "|" + encoded);
>>>  		varArray = string.split(regexp);
>>>  		for (i = 0; i < varArray.length; i++){
>>>  			urlVars = varArray[i].split("=");
>>>  			if (true == encode){
>>>  				this.encVar(urlVars[0], urlVars[1]);
---  			} else {
---  				this.setVar(urlVars[0], urlVars[1]);
			}
		}
	}

>>>  	this.createURLString = function(urlstring) {
>>>  		if (this.encodeURIString && this.URLString.length) {
>>>  			this.processURLString(this.URLString, true);
		}

>>>  		if (urlstring) {
>>>  			if (this.URLString.length) {
>>>  				this.URLString += this.argumentSeparator + urlstring;
>>>  			} else {
>>>  				this.URLString = urlstring;
			}
		}

		// prevents caching of URLString
>>>  		this.setVar("rndval", new Date().getTime());

>>>  		urlstringtemp = new Array();
>>>  		for (key in this.vars) {
>>>  			if (false == this.vars[key][1] && true == this.encodeURIString) {
>>>  				encoded = this.encVar(key, this.vars[key][0], true);
>>>  				delete this.vars[key];
>>>  				this.vars[encoded[0]] = Array(encoded[1], true);
>>>  				key = encoded[0];
			}

>>>  			urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
		}
>>>  		if (urlstring){
---  			this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
>>>  		} else {
>>>  			this.URLString += urlstringtemp.join(this.argumentSeparator);
		}
	}

>>>  	this.runResponse = function() {
---  		eval(this.response);
	}

>>>  	this.runAJAX = function(urlstring) {
>>>  		if (this.failed) {
---  			this.onFail();
>>>  		} else {
>>>  			this.createURLString(urlstring);
>>>  			if (this.element) {
---  				this.elementObj = document.getElementById(this.element);
			}
>>>  			if (this.xmlhttp) {
>>>  				var self = this;
>>>  				if (this.method == "GET") {
---  					totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
---  					this.xmlhttp.open(this.method, totalurlstring, true);
>>>  				} else {
>>>  					this.xmlhttp.open(this.method, this.requestFile, true);
>>>  					try {
>>>  						this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
---  					} catch (e) { }
				}

>>>  				this.xmlhttp.onreadystatechange = function() {
>>>  					switch (self.xmlhttp.readyState) {
						case 1:
>>>  							self.onLoading();
							break;
						case 2:
---  							self.onLoaded();
							break;
						case 3:
---  							self.onInteractive();
							break;
						case 4:
---  							self.response = self.xmlhttp.responseText;
---  							self.responseXML = self.xmlhttp.responseXML;
---  							self.responseStatus[0] = self.xmlhttp.status;
---  							self.responseStatus[1] = self.xmlhttp.statusText;

---  							if (self.execute) {
---  								self.runResponse();
							}

---  							if (self.elementObj) {
---  								elemNodeName = self.elementObj.nodeName;
---  								elemNodeName.toLowerCase();
---  								if (elemNodeName == "input"
								|| elemNodeName == "select"
								|| elemNodeName == "option"
---  								|| elemNodeName == "textarea") {
---  									self.elementObj.value = self.response;
---  								} else {
---  									self.elementObj.innerHTML = self.response;
								}
							}
---  							if (self.responseStatus[0] == "200") {
---  								self.onCompletion();
---  							} else {
---  								self.onError();
							}

---  							self.URLString = "";
							break;
					}
				};

>>>  				this.xmlhttp.send(this.URLString);
			}
		}
	};

>>>  	this.reset();
>>>  	this.createAJAX();
}
=== Inline script in: http://localhost/subjectPrograms/ClientSideOnly/dynamicArticles/ ===

/************************************************************************************************************
Ajax dynamic articles 
Copyright (C) 2006  DTHMLGoodies.com, Alf Magne Kalleland

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
written by Alf Magne Kalleland.

Alf Magne Kalleland, 2006
Owner of DHTMLgoodies.com


************************************************************************************************************/	
>>>  var ajax = new sack();
var articleListObj;
>>>  var activeArticle = false;
>>>  var clickedArticle = false;
var contentObj	// Reference to article content <div>

function mouseoverArticle()	// Highlight article
>>>  {
>>>  	if(this==clickedArticle)return;
>>>  	if(activeArticle && activeArticle!=this){
>>>  		if(activeArticle==clickedArticle)
>>>  			activeArticle.className='articleClick';
		else
>>>  			activeArticle.className='';
		
	}
>>>  	this.className='articleMouseOver';
>>>  	activeArticle = this;	// Storing reference to this article
}

function showContent()	// Displaying content in the content <div>
---  {
---  	contentObj.innerHTML = ajax.response;	// ajax.response is a variable that contains the content of the external file	
}

function showWaitMessage()
>>>  {
>>>  	contentObj.innerHTML = 'Finding article.....<br>Please wait';
}
function getAjaxFile(fileName)
>>>  {
>>>  	ajax.requestFile = fileName;	// Specifying which file to get
>>>  	ajax.onCompletion = showContent;	// Specify function that will be executed after file has been found
>>>  	ajax.onLoading = showWaitMessage;	// Action when AJAX is loading the file
>>>  	ajax.runAJAX();		// Execute AJAX function	
}

function selectArticle()	// User have clicked on an article
>>>  {
>>>  	getAjaxFile(this.id + '.html');	// Calling the getAjasFile function. argument to the function is id of this <li> + '.html', example "article1.html"
>>>  	if(clickedArticle && clickedArticle!=this)clickedArticle.className='articleMouseOver';
>>>  	this.className='articleClick';
>>>  	clickedArticle = this;
}


function initAjaxDemo()
>>>  {
>>>  	articleListObj = document.getElementById('articleList');
>>>  	var articles = articleListObj.getElementsByTagName('LI');
>>>  	for(var no=0;no<articles.length;no++){
>>>  		articles[no].onmouseover = mouseoverArticle;
>>>  		articles[no].onclick = selectArticle;
	}	
	
>>>  	contentObj = document.getElementById('contentContainer');
}
>>>  window.onload = initAjaxDemo;
Total lines (including un-executable): 279
Total executable lines: 156
Covered lines: 123
Coverage: ~82%
Errors:0 errors/warningsh in the script: