Newer
Older

Commander-lol
committed
(function(){

Commander-lol
committed
/*
* Polyfill from https://gist.github.com/elijahmanor/6452535
*/
if (Element && !Element.prototype.matches) {
var proto = Element.prototype;
proto.matches = proto.matchesSelector ||
proto.mozMatchesSelector || proto.msMatchesSelector ||
proto.oMatchesSelector || proto.webkitMatchesSelector;
}
/*
* End Polyfill
*/

Commander-lol
committed
var tinyDOM = function(selector){
return new tinyDOMFunction(selector);
}
var tinyDOMFunction = function(selector) {
if(selector === null || typeof(selector) === 'undefined'){
this.length = 0;
} else if(typeof(selector) === 'string'){
var elements = document.querySelectorAll(selector);

Commander-lol
committed
this.length = elements.length;
for(var i = 0; i < elements.length; i++){
var e = elements.item(i);
if(typeof(e.td_prop) === 'undefined'){
e.td_prop = {
isHidden: false
};
}
this[i] = elements.item(i);

Commander-lol
committed
}
} else {
this[0] = selector;
this.length = 1;

Commander-lol
committed
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
}
return this;
}
tinyDOM.fn = tinyDOMFunction.prototype = {
each: function(fn) {
var l = this.length;
while(l--){
fn(l, this[l], this);
}
return this;
},
hide: function(){
this.each(function(i, e){
if(!e.td_prop.isHidden){
e.style.td_previousDisplay = e.style.display;
e.style.display = 'none';
e.td_prop.isHidden = true;
}
});
return this;
},
show: function(){
this.each(function(i, e){
if(e.td_prop.isHidden === true){
if(typeof(e.style.td_previousDisplay) !== 'undefined'){
e.style.display = e.style.td_previousDisplay;
} else {
e.style.display = 'block';
}
e.td_prop.isHidden = false;
}
});
return this;
},

Commander-lol
committed
on: function(ev, del, fn){
if(typeof(del) === 'string'){
this.each(function(i, e){
e.addEventListener(ev, function(firedevent){
var target = firedevent.target;
var matched = false;
do {
if(target && target.matches(del)){
fn.call(target, firedevent);
matched = true;
} else {
target = target.parentNode;

Commander-lol
committed
if(!target || !target.matches || target === e){

Commander-lol
committed
matched = true;
}
}
} while(matched !== true);
});
});
} else {
var fn = del;
this.each(function(i, e){
e.addEventListener(ev, fn);
});
}

Commander-lol
committed
return this;
},
first: function(){
if(typeof(this[0]) !== 'undefined'){
return this[0];
} else {
return null;
}
},
data: function(key, value){
var e = this[0];
if(typeof(value) !== 'undefined'){
e.setAttribute('data-'+key, value);
return this;
} else {
return e.getAttribute('data-'+key);
}
}
}
tinyDOM.exists = function(obj){
return obj !== null && typeof(obj) !== 'undefined';
}
tinyDOM.merge = function(json1, json2){
if(!this.exists(json1) || !this.exists(json2)){
return null;
} else {
for(var prop in json2) {
if(json2.hasOwnProperty(prop)){
json1[prop] = json2[prop];
}
}
return json1;
}
}
tinyDOM.ajax = function(options){
var req = new XMLHttpRequest();
var _this = this;
var params = {
method: 'GET',
url: '',
async: true,
user: null,
password: null,
responseType: 'text',
data: null,
headers: [],
success: null,
error: null
}
this.merge(params, options);
req.responseType = params.responseType;
req.onreadystatechange = function(){
if(req.readyState > 1){

Commander-lol
committed
if(req.status >= 200 && req.status < 400){
if (req.readyState === 4 && _this.exists(params.success)){
params.success(req.response, req);
}
} else {

Commander-lol
committed
if(!_this.exists(req.td_hasAborted) || !req.td_hasAborted){
if(_this.exists(params.error)){
params.error({status: req.status, message: req.statusText}, req);
}
req.td_hasAborted = true;
req.abort();
}
}
}
}
req.open(
params.method,
params.url,
params.async,
params.user,
params.password
);
for(var i = 0; i < params.headers.length; i++){
req.setRequestHeader(params.headers[i].header, params.headers[i].value);
}
req.send(params.data);

Commander-lol
committed
}
if(!window.mu){
window.mu = tinyDOM;
}
})();