OwlCyberSecurity - MANAGER

Edit File: attrchange.js

A simple jQuery function that can add listeners on attribute change.

http://meetselva.github.io/attrchange/

About License:

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);