/**
* Script to make form controls control CSS styles * Requires css-edit.js * @author Lea Verou * MIT License */
(function(){
var self = window.CSSControl = function(control) {
var me = this; this.control = control; // this holds the elements the CSS is gonna be applied to this.subjects = CSSEdit.getSubjects(control); CSSEdit.setupSubjects(control); control.addEventListener('input', function() { me.update(); }, false); control.addEventListener('change', function() { me.update(); }, false); this.update();
};
self.prototype = {
update: function() { // Get code var code = this.control.getAttribute('data-style').replace(/\{value\}/gi, this.control.value); CSSEdit.updateStyle(this.subjects, code, 'style'); }
};
})();