Add util.js

util.js

@@ -0,0 +1,280 @@
+/**
+ * Utility functions:
+ * addListener, removeListener, onDomReady, stopEvent
+ * http_build_query, GET, POST, json_decode
+ * getOffset, String.trim, plural_ru, htmlspecialchars, unmg
+ *
+ * Version: 2015-07-23
+ */
+
+// Cross-browser add/remove event listeners
+window.addListener = (function() {
+	return window.addEventListener
+		? function(el, type, fn) { el.addEventListener(type, fn, false); }
+		: function(el, type, fn) { el.attachEvent('on'+type, fn); };
+})();
+
+window.removeListener = (function() {
+	return window.removeEventListener
+		? function(el, type, fn) { el.removeEventListener(type, fn, false); }
+		: function(el, type, fn) { el.detachEvent('on'+type, fn); };
+})();
+
+// Cancel event bubbling and/or default action
+window.stopEvent = function(ev, cancelBubble, preventDefault)
+{
+	if (cancelBubble)
+	{
+		if (ev.stopPropagation)
+			ev.stopPropagation();
+		else
+			ev.cancelBubble = true;
+	}
+	if (preventDefault && ev.preventDefault)
+		ev.preventDefault();
+	ev.returnValue = !preventDefault;
+	return !preventDefault;
+};
+
+// Remove leading and trailing whitespace
+if (!String.prototype.trim)
+{
+	String.prototype.trim = function()
+	{
+		return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+	};
+}
+
+window.onDomReady = (function()
+{
+	var readyBound = false;
+	var bindReady = function()
+	{
+		if (readyBound)
+			return;
+		readyBound = true;
+		if (document.addEventListener)
+		{
+			document.addEventListener("DOMContentLoaded", function()
+			{
+				document.removeEventListener("DOMContentLoaded", arguments.callee, false);
+				ready();
+			}, false);
+		}
+		else if (document.attachEvent)
+		{
+			document.attachEvent("onreadystatechange", function()
+			{
+				if (document.readyState === "complete")
+				{
+					document.detachEvent( "onreadystatechange", arguments.callee );
+					ready();
+				}
+			});
+			if (document.documentElement.doScroll && window == window.top)
+			{
+				(function()
+				{
+					if (isReady)
+						return;
+					try
+					{
+						document.documentElement.doScroll("left");
+					}
+					catch(error)
+					{
+						setTimeout(arguments.callee, 0);
+						return;
+					}
+					ready();
+				})();
+			}
+		}
+		if (window.addEventListener)
+			window.addEventListener('load', ready, false);
+		else if (window.attachEvent)
+			window.attachEvent('onload', ready);
+		else
+			window.onload = ready;
+	};
+	var isReady = false;
+	var readyList = [];
+	var ready = function()
+	{
+		if (!isReady)
+		{
+			isReady = true;
+			if (readyList)
+			{
+				var fn_temp = null;
+				while (fn_temp = readyList.shift())
+					fn_temp.call(document);
+				readyList = null;
+			}
+		}
+	};
+	return function(fn) {
+		bindReady();
+		if (isReady)
+			fn.call(document);
+		else
+			readyList.push(fn);
+		return this;
+	};
+})();
+
+(function() {
+var createRequestObject = function()
+{
+	if (typeof XMLHttpRequest === 'undefined')
+	{
+		XMLHttpRequest = function() {
+			try { return new ActiveXObject("Msxml2.XMLHTTP"); }
+			catch(e) {}
+			try { return new ActiveXObject("Microsoft.XMLHTTP"); }
+			catch(e) {}
+			throw new Error("This browser does not support XMLHttpRequest.");
+		};
+	}
+	return new XMLHttpRequest();
+};
+var setCallback = function(r, cb)
+{
+	r.onreadystatechange = function()
+	{
+		if (r.readyState == 4)
+		{
+			var d;
+			if (r.getResponseHeader('Content-Type').indexOf('/json') > 0)
+			{
+				d = json_decode(r.responseText);
+			}
+			cb(r, d);
+		}
+	};
+};
+window.http_build_query = function(data)
+{
+	var encoded = '';
+	for (var i in data)
+	{
+		encoded = encoded+'&'+encodeURIComponent(i)+'='+(data[i] === false || data[i] === null ? '' : encodeURIComponent(data[i]));
+	}
+	return encoded.substr(1);
+};
+window.GET = function(url, data, cb)
+{
+	var r = createRequestObject();
+	url = url + (url.indexOf('?') >= 0 ? '&' : '?') + http_build_query(data);
+	r.open('GET', url);
+	setCallback(r, cb);
+	r.send();
+};
+window.POST = function(url, data, cb)
+{
+	var r = createRequestObject();
+	r.open('POST', url);
+	setCallback(r, cb);
+	if (!window.FormData || !(data instanceof FormData))
+	{
+		r.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+		data = http_build_query(data);
+	}
+	r.send(data);
+};
+
+// Get element position using getBoundingClientRect()
+var getOffsetRect = function(elem)
+{
+	var box = elem.getBoundingClientRect();
+
+	var body = document.body;
+	var docElem = document.documentElement;
+
+	var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
+	var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
+	var clientTop = docElem.clientTop || body.clientTop || 0;
+	var clientLeft = docElem.clientLeft || body.clientLeft || 0;
+	var top = box.top + scrollTop - clientTop;
+	var left = box.left + scrollLeft - clientLeft;
+
+	return { top: Math.round(top), left: Math.round(left) };
+};
+
+// Get element position using sum of offsetTop/offsetLeft
+var getOffsetSum = function(elem)
+{
+	var top = 0, left = 0;
+	while(elem)
+	{
+		top = top + parseInt(elem.offsetTop);
+		left = left + parseInt(elem.offsetLeft);
+		elem = elem.offsetParent;
+	}
+	return { top: top, left: left };
+};
+
+// Get element position, relative to the top-left corner of page
+window.getOffset = function(elem)
+{
+	if (elem.getBoundingClientRect)
+		return getOffsetRect(elem);
+	else
+		return getOffsetSum(elem);
+};
+
+})();
+
+window.json_decode = function(text)
+{
+	if (!text)
+	{
+		return null;
+	}
+	try
+	{
+		if (JSON)
+		{
+			return JSON.parse(text);
+		}
+		return eval(text);
+	}
+	catch(e)
+	{
+		if (window.console)
+		{
+			console.log(e);
+		}
+	}
+	return null;
+};
+
+window.plural_ru = function(count, one, few, many)
+{
+	var sto = count % 100;
+	if (sto >= 10 && sto <= 20)
+		return many;
+	switch (count % 10)
+	{
+		case 1: return one;
+		case 2:
+		case 3:
+		case 4: return few;
+	}
+	return many;
+};
+
+window.htmlspecialchars = function(text)
+{
+	return text.replace(/&/g, '&amp;')
+		.replace(/'/g, '&apos;') // '
+		.replace(/"/g, '&quot;') // "
+		.replace(/</g, '&lt;')
+		.replace(/>/g, '&gt;');
+};
+
+window.unmg = function(id, str)
+{
+	str = decodeURIComponent(str.replace(/([\x20-\x24\x26-\x79])|(%..)/g, function(m, m1, m2) { return m2 || ('%'+(159-m1.charCodeAt(0)).toString(16)); }));
+	document.getElementById(id).innerHTML = '<a href="ma'+'ilt'+'o:'+str+'">'+str+'</a>';
+};