%PDF-
%PDF-
Mini Shell
Mini Shell
/*
A simple jQuery function that can add listeners on attribute change.
http://meetselva.github.io/attrchange/
About License:
Copyright (C) 2013-2014 Selvakumar Arumugam
You may use attrchange plugin under the terms of the MIT Licese.
https://github.com/meetselva/attrchange/blob/master/MIT-License.txt
*/
(function($) {
function isDOMAttrModifiedSupported() {
var p = document.createElement('p');
var flag = false;
if (p.addEventListener) {
p.addEventListener('DOMAttrModified', function() {
flag = true
}, false);
} else if (p.attachEvent) {
p.attachEvent('onDOMAttrModified', function() {
flag = true
});
} else { return false; }
p.setAttribute('id', 'target');
return flag;
}
function checkAttributes(chkAttr, e) {
if (chkAttr) {
var attributes = this.data('attr-old-value');
if (e.attributeName.indexOf('style') >= 0) {
if (!attributes['style'])
attributes['style'] = {}; //initialize
var keys = e.attributeName.split('.');
e.attributeName = keys[0];
e.oldValue = attributes['style'][keys[1]]; //old value
e.newValue = keys[1] + ':'
+ this.prop("style")[$.camelCase(keys[1])]; //new value
attributes['style'][keys[1]] = e.newValue;
} else {
e.oldValue = attributes[e.attributeName];
e.newValue = this.attr(e.attributeName);
attributes[e.attributeName] = e.newValue;
}
this.data('attr-old-value', attributes); //update the old value object
}
}
//initialize Mutation Observer
var MutationObserver = window.MutationObserver
|| window.WebKitMutationObserver;
$.fn.attrchange = function(a, b) {
if (typeof a == 'object') {//core
var cfg = {
trackValues : false,
callback : $.noop
};
//backward compatibility
if (typeof a === "function") { cfg.callback = a; } else { $.extend(cfg, a); }
if (cfg.trackValues) { //get attributes old value
this.each(function(i, el) {
var attributes = {};
for ( var attr, i = 0, attrs = el.attributes, l = attrs.length; i < l; i++) {
attr = attrs.item(i);
attributes[attr.nodeName] = attr.value;
}
$(this).data('attr-old-value', attributes);
});
}
if (MutationObserver) { //Modern Browsers supporting MutationObserver
var mOptions = {
subtree : false,
attributes : true,
attributeOldValue : cfg.trackValues
};
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(e) {
var _this = e.target;
//get new value if trackValues is true
if (cfg.trackValues) {
e.newValue = $(_this).attr(e.attributeName);
}
if (typeof $(this).data('attrchange-tdisconnect') === 'undefined') { //disconnected logically
cfg.callback.call(_this, e);
}
});
});
return this.data('attrchange-method', 'Mutation Observer')
.data('attrchange-obs', observer).each(function() {
observer.observe(this, mOptions);
});
} else if (isDOMAttrModifiedSupported()) { //Opera
//Good old Mutation Events
return this.data('attrchange-method', 'DOMAttrModified').on('DOMAttrModified', function(event) {
if (event.originalEvent) { event = event.originalEvent; }//jQuery normalization is not required
event.attributeName = event.attrName; //property names to be consistent with MutationObserver
event.oldValue = event.prevValue; //property names to be consistent with MutationObserver
if (typeof $(this).data('attrchange-tdisconnect') === 'undefined') { //disconnected logically
cfg.callback.call(this, event);
}
});
} else if ('onpropertychange' in document.body) { //works only in IE
return this.data('attrchange-method', 'propertychange').on('propertychange', function(e) {
e.attributeName = window.event.propertyName;
//to set the attr old value
checkAttributes.call($(this), cfg.trackValues, e);
if (typeof $(this).data('attrchange-tdisconnect') === 'undefined') { //disconnected logically
cfg.callback.call(this, e);
}
});
}
return this;
} else if (typeof a == 'string' && $.fn.attrchange.hasOwnProperty('extensions') &&
$.fn.attrchange['extensions'].hasOwnProperty(a)) { //extensions/options
return $.fn.attrchange['extensions'][a].call(this, b);
}
}
})(jQuery);
Zerion Mini Shell 1.0