https://vsn-smol.info/xajax/xajax_js/xajax.js

1function Xajax()
2{
3	if (xajaxDebug) this.DebugMessage = function(text) { alert("Xajax Debug:\n " + text) };
4	
5	this.workId = 'xajaxWork'+ new Date().getTime();
6	this.depth = 0;
7	
8	//Get the XMLHttpRequest Object
9	this.getRequestObject = function()
10	{
11		if (xajaxDebug) this.DebugMessage("Initializing Request Object..");
12		var req;
13		try
14		{
15			req=new ActiveXObject("Msxml2.XMLHTTP");
16		}
17		catch (e)
18		{
19			try
20			{
21				req=new ActiveXObject("Microsoft.XMLHTTP");
22			}
23			catch (e2)
24			{
25				req=null;
26			}
27		}
28		if(!req && typeof XMLHttpRequest != "undefined")
29			req = new XMLHttpRequest();
30		
31			if (xajaxDebug) {
32				if (!req) this.DebugMessage("Request Object Instantiation failed.");
33			}
34			
35		return req;
36	}
37
38	// xajax.$() is shorthand for document.getElementById()
39	this.$ = function(sId)
40	{
41		if (!sId) {
42			return null;
43		}
44		var returnObj = document.getElementById(sId);
45		if (xajaxDebug && !returnObj && sId != this.workId) {
46			this.DebugMessage("Element with the id \"" + sId + "\" not found.");
47		}
48		return returnObj;
49	}
50	
51	// xajax.include(sFileName) dynamically includes an external javascript file
52	this.include = function(sFileName)
53	{
54		var objHead = document.getElementsByTagName('head');
55		var objScript = document.createElement('script');
56		objScript.type = 'text/javascript';
57		objScript.src = sFileName;
58		objHead[0].appendChild(objScript);
59	}
60	
61	// xajax.addHandler adds an event handler to an element
62	this.addHandler = function(sElementId, sEvent, sFunctionName)
63	{
64		if (window.addEventListener)
65		{
66			eval("this.$('"+sElementId+"').addEventListener('"+sEvent+"',"+sFunctionName+",false);");
67		}
68		else
69		{
70			eval("this.$('"+sElementId+"').attachEvent('on"+sEvent+"',"+sFunctionName+",false);");
71		}
72	}
73	
74	// xajax.removeHandler removes an event handler from an element
75	this.removeHandler = function(sElementId, sEvent, sFunctionName)
76	{
77		if (window.addEventListener)
78		{
79			eval("this.$('"+sElementId+"').removeEventListener('"+sEvent+"',"+sFunctionName+",false);");
80		}
81		else
82		{
83			eval("this.$('"+sElementId+"').detachEvent('on"+sEvent+"',"+sFunctionName+",false);");
84		}
85	}
86	
87	// xajax.create creates a new child node under a parent
88	this.create = function(sParentId, sTag, sId)
89	{
90		var objParent = this.$(sParentId);
91		objElement = document.createElement(sTag);
92		objElement.setAttribute('id',sId);
93		objParent.appendChild(objElement);
94	}
95	
96	// xajax.insert inserts a new node before another node
97	this.insert = function(sBeforeId, sTag, sId)
98	{
99		var objSibling = this.$(sBeforeId);
100		objElement = document.createElement(sTag);
101		objElement.setAttribute('id',sId);
102		objSibling.parentNode.insertBefore(objElement, objSibling);
103	}
104	
105	this.getInput = function(sType, sName, sId)
106	{
107		var Obj;
108		if (sType == "radio" && !window.addEventListener)
109		{
110			Obj = document.createElement('<input type="radio" id="'+sId+'" name="'+sName+'">');
111		}
112		else
113		{
114			Obj = document.createElement('input');
115			Obj.setAttribute('type',sType);
116			Obj.setAttribute('name',sName);
117			Obj.setAttribute('id',sId);
118		}
119		return Obj;
120	}
121	
122	// xajax.createInput creates a new input node under a parent
123	this.createInput = function(sParentId, sType, sName, sId)
124	{
125		var objParent = this.$(sParentId);
126		var objElement = this.getInput(sType, sName, sId);
127		objParent.appendChild(objElement);
128	}
129	
130	// xajax.insertInput creates a new input node before another node
131	this.insertInput = function(sBeforeId, sType, sName, sId)
132	{
133		var objSibling = this.$(sBeforeId);
134		var objElement = this.getInput(sType, sName, sId);
135		objSibling.parentNode.insertBefore(objElement, objSibling);
136	}
137	
138	// xajax.remove deletes an element
139	this.remove = function(sId)
140	{
141		objElement = this.$(sId);
142		if (objElement.parentNode && objElement.parentNode.removeChild)
143		{
144			objElement.parentNode.removeChild(objElement);
145		}
146	}
147	
148	//xajax.replace searches for text in an attribute of an element and replaces it
149	//with a different text
150	this.replace = function(sId,sAttribute,sSearch,sReplace)
151	{
152		var bFunction = false;
153		
154		if (sAttribute == "innerHTML")
155			sSearch = this.getBrowserHTML(sSearch);
156		
157		eval("var txt=document.getElementById('"+sId+"')."+sAttribute);
158		if (typeof txt == "function")
159        {
160            txt = txt.toString();
161            bFunction = true;
162        }
163		if (txt.indexOf(sSearch)>-1)
164		{
165			var newTxt = '';
166			while (txt.indexOf(sSearch) > -1)
167			{
168				x = txt.indexOf(sSearch)+sSearch.length+1;
169				newTxt += txt.substr(0,x).replace(sSearch,sReplace);
170				txt = txt.substr(x,txt.length-x);
171			}
172			newTxt += txt;
173			if (bFunction)
174			{
175				eval("newTxt =" + newTxt); 
176				eval('this.$("'+sId+'").'+sAttribute+'=newTxt;');
177			}
178			else if (this.willChange(sId,sAttribute,newTxt))
179			{
180				eval('this.$("'+sId+'").'+sAttribute+'=newTxt;');
181			}
182		}
183	}
184	
185	// xajax.getFormValues() builds a query string XML message from the elements of a form object
186	this.getFormValues = function(frm)
187	{
188		var objForm;
189		var submitDisabledElements = false;
190		if (arguments.length > 1 && arguments[1] == true)
191			submitDisabledElements = true;
192		
193		if (typeof(frm) == "string")
194			objForm = this.$(frm);
195		else
196			objForm = frm;
197		var sXml = "<xjxquery><q>";
198		if (objForm && objForm.tagName == 'FORM')
199		{
200			var formElements = objForm.elements;
201			for( var i=0; i < formElements.length; i++)
202			{
203				if (formElements[i].type && (formElements[i].type == 'radio' || formElements[i].type == 'checkbox') && formElements[i].checked == false)
204					continue;
205				if (formElements[i].disabled && formElements[i].disabled == true && submitDisabledElements == false) continue;
206				var name = formElements[i].name;
207				if (name)
208				{
209					if (sXml != '<xjxquery><q>')
210						sXml += '&';
211					if(formElements[i].type=='select-multiple')
212					{
213						for (var j = 0; j < formElements[i].length; j++)
214						{
215							if (formElements[i].options[j].selected == true)   sXml += name+"="+encodeURIComponent(formElements[i].options[j].value)+"&";
216						}
217					}
218					else
219					{
220						sXml += name+"="+encodeURIComponent(formElements[i].value);
221					}
222				} 
223			}
224		}
225		
226		sXml +="</q></xjxquery>";
227		
228		return sXml;
229	}
230	

231	// Generates an XML message that xajax can understand from a javascript object
232	this.objectToXML = function(obj)
233	{
234		var sXml = "<xjxobj>";
235		for (i in obj)
236		{
237			try
238			{
239				if (i == 'constructor')
240					continue;
241				if (obj[i] && typeof(obj[i]) == 'function')
242					continue;
243					
244				var key = i;
245				var value = obj[i];
246				if (value && typeof(value)=="object" && 
247					(value.constructor == Array
248					 ) && this.depth <= 50)
249				{
250					this.depth++;
251					value = this.objectToXML(value);
252					this.depth--;
253				}
254				
255				sXml += "<e><k>"+key+"</k><v>"+value+"</v></e>";
256				
257			}
258			catch(e)
259			{
260				if (xajaxDebug) this.DebugMessage(e);
261			}
262		}
263		sXml += "</xjxobj>";
264	
265		return sXml;
266	}
267
268	// Sends a XMLHttpRequest to call the specified PHP function on the server
269	// * sRequestType is optional -- defaults to POST
270	this.call = function(sFunction, aArgs, sRequestType)
271	{
272		var i,r,postData;
273		if (document.body && xajaxWaitCursor)
274			document.body.style.cursor = 'wait';
275		if (xajaxStatusMessages == true) window.status = 'Sending Request...';
276		if (xajaxDebug) this.DebugMessage("Starting xajax...");
277		if (sRequestType == null) {
278		   var xajaxRequestType = xajaxDefinedPost;
279		}
280		else {
281			var xajaxRequestType = sRequestType;
282		}
283		var uri = xajaxRequestUri;
284		var value;
285		switch(xajaxRequestType)
286		{
287			case xajaxDefinedGet:{
288				var uriGet = uri.indexOf("?")==-1?"?xajax="+encodeURIComponent(sFunction):"&xajax="+encodeURIComponent(sFunction);
289				if (aArgs) {
290					for (i = 0; i<aArgs.length; i++)
291					{
292						value = aArgs[i];
293						if (typeof(value)=="object")
294							value = this.objectToXML(value);
295						uriGet += "&xajaxargs[]="+encodeURIComponent(value);
296					}
297				}
298				uriGet += "&xajaxr=" + new Date().getTime();
299				uri += uriGet;
300				postData = null;
301				} break;
302			case xajaxDefinedPost:{
303				postData = "xajax="+encodeURIComponent(sFunction);
304				postData += "&xajaxr="+new Date().getTime();
305				if (aArgs) {
306					for (i = 0; i <aArgs.length; i++)
307					{
308						value = aArgs[i];
309						if (typeof(value)=="object")
310							value = this.objectToXML(value);
311						postData = postData+"&xajaxargs[]="+encodeURIComponent(value);
312					}
313				}
314				} break;
315			default:
316				alert("Illegal request type: " + xajaxRequestType); return false; break;
317		}
318		r = this.getRequestObject();
319		if (!r) return false;
320		r.open(xajaxRequestType==xajaxDefinedGet?"GET":"POST", uri, true);
321		if (xajaxRequestType == xajaxDefinedPost)
322		{
323			try
324			{
325				r.setRequestHeader("Method", "POST " + uri + " HTTP/1.1");
326				r.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
327			}
328			catch(e)
329			{
330				alert("Your browser does not appear to  support asynchronous requests using POST.");
331				return false;
332			}
333		}
334		r.onreadystatechange = function()
335		{
336			if (r.readyState != 4)
337				return;
338			
339			if (r.status==200)
340			{
341				if (xajaxDebug && r.responseText.length < 1000) xajax.DebugMessage("Received:\n" + r.responseText);
342				else if (xajaxDebug) xajax.DebugMessage("Received:\n" + r.responseText.substr(0,1000)+"...\n[long response]\n...</xajax>");
343				if (r.responseXML)
344					xajax.processResponse(r.responseXML);
345				else {
346					alert("Error: the XML response that was returned from the server is invalid.");
347					document.body.style.cursor = 'default';
348					if (xajaxStatusMessages == true) window.status = 'Invalid XML response error';				
349				}
350			}
351			
352			delete r;
353		}
354		if (xajaxDebug) this.DebugMessage("Calling "+sFunction +" uri="+uri+" (post:"+ postData +")");
355		r.send(postData);
356		if (xajaxStatusMessages == true) window.status = 'Waiting for data...';
357		delete r;
358		return true;
359	}
360	
361	//Gets the text as it would be if it were being retrieved from
362	//the innerHTML property in the current browser
363	this.getBrowserHTML = function(html)
364	{
365		tmpXajax = this.$(this.workId);
366		if (tmpXajax == null)
367		{
368			tmpXajax = document.createElement("div");
369			tmpXajax.setAttribute('id',this.workId);
370			tmpXajax.style.display = "none";
371			tmpXajax.style.visibility = "hidden";
372			document.body.appendChild(tmpXajax);
373		}
374		tmpXajax.innerHTML = html;
375		var browserHTML = tmpXajax.innerHTML;
376		tmpXajax.innerHTML = '';	
377		
378		return browserHTML;
379	}
380	
381	// Tests if the new Data is the same as the extant data
382	this.willChange = function(element, attribute, newData)
383	{
384		if (!document.body)
385		{
386			return true;
387		}
388		var oldData;
389		if (attribute == "innerHTML")
390		{
391			newData = this.getBrowserHTML(newData);
392		}
393		eval("oldData=document.getElementById('"+element+"')."+attribute);
394		if (newData != oldData)
395			return true;
396			
397		return false;
398	}
399	
400	//Process XML xajaxResponses returned from the request
401	this.processResponse = function(xml)
402	{
403		if (xajaxStatusMessages == true) window.status = 'Processing...';
404		var tmpXajax = null;
405		xml = xml.documentElement;
406		if (xml == null) {
407			alert("Error: the XML response that was returned from the server cannot be processed.");
408			document.body.style.cursor = 'default';
409			if (xajaxStatusMessages == true) window.status = 'XML response processing error';
410			return;
411		}
412		for (i=0; i<xml.childNodes.length; i++)
413		{
414			if (xml.childNodes[i].nodeName == "cmd")
415			{
416				var cmd;
417				var id;
418				var property;
419				var data;
420				var search;
421				var type;
422				var before;
423				
424				for (j=0; j<xml.childNodes[i].attributes.length; j++)
425				{
426					if (xml.childNodes[i].attributes[j].name == "n")
427					{
428						cmd = xml.childNodes[i].attributes[j].value;
429					}
430					if (xml.childNodes[i].attributes[j].name == "t")
431					{
432						id = xml.childNodes[i].attributes[j].value;
433					}
434					if (xml.childNodes[i].attributes[j].name == "p")
435					{
436						property = xml.childNodes[i].attributes[j].value;
437					}
438					if (xml.childNodes[i].attributes[j].name == "c")
439					{
440						type = xml.childNodes[i].attributes[j].value;
441					}
442				}
443				if (xml.childNodes[i].childNodes.length > 1)
444				{
445					for (j=0; j<xml.childNodes[i].childNodes.length; j++)
446					{
447						if (xml.childNodes[i].childNodes[j].nodeName == "s")
448						{
449							if (xml.childNodes[i].childNodes[j].firstChild)
450								search = xml.childNodes[i].childNodes[j].firstChild.nodeValue;
451						}
452						if (xml.childNodes[i].childNodes[j].nodeName == "r")
453						{
454							if (xml.childNodes[i].childNodes[j].firstChild)
455								data = xml.childNodes[i].childNodes[j].firstChild.data;
456						}
457					}
458				}
459				else if (xml.childNodes[i].firstChild)
460					data = xml.childNodes[i].firstChild.nodeValue;
461				else
462					data = "";
463				
464				var objElement = this.$(id);
465				try
466				{
467					if (cmd=="al")
468					{
469						alert(data);
470					}
471					if (cmd=="js")
472					{
473						eval(data);
474					}
475					if (cmd=="in")
476					{
477						this.include(data);
478					}
479					if (cmd=="as")
480					{
481						if (this.willChange(id,property,data))
482						{
483							eval("objElement."+property+"=data;");
484						}
485					}
486					if (cmd=="ap")
487					{
488						eval("objElement."+property+"+=data;");
489					}
490					if (cmd=="pp")
491					{
492						eval("objElement."+property+"=data+objElement."+property);
493					}
494					if (cmd=="rp")
495					{
496						this.replace(id,property,search,data)
497					}
498					if (cmd=="rm")
499					{
500						this.remove(id);
501					}
502					if (cmd=="ce")
503					{
504						this.create(id,data,property);
505					}
506					if (cmd=="ie")
507					{
508						this.insert(id,data,property);
509					}
510					if (cmd=="ci")
511					{
512						this.createInput(id,type,data,property);
513					}
514					if (cmd=="ii")
515					{
516						this.insertInput(id,type,data,property);
517					}
518					if (cmd=="ev")
519					{
520						eval("this.$('"+id+"')."+property+"= function(){"+data+";}");
521					}
522					if (cmd=="ah")
523					{
524						this.addHandler(id, property, data);
525					}
526					if (cmd=="rh")
527					{
528						this.removeHandler(id, property, data);
529					}
530				}
531				catch(e)
532				{
533					alert(e);
534				}
535				delete objElement;
536				delete cmd;
537				delete id;
538				delete property;
539				delete search;
540				delete data;
541				delete type;
542				delete before;
543			}	
544		}
545		delete xml;
546                if (typeof default_values == 'function') {
547                    default_values();

548                }  
549		document.body.style.cursor = 'default';
550		if (xajaxStatusMessages == true) window.status = 'Done';
551	}
552}
553
554var xajax = new Xajax();