/*
Structure is:
Options:
add : function(element) - called AFTER add
remove : function(element) - called BEFORE remove
*/
(function( $ ){
var methods = {
init : function(options) {
return this.each( function() {
// If options exist, lets merge them with our default settings
var settings = {
add : false,
remove : false
};
if (options) settings = $.extend(settings, options);
var _this = $(this);
var template = _init_template( _this );
_this.data('addremove_settings', settings);
_new_entry(template, _this);
})
},
reset : function() {
return this.each( function() {
var self = $(this);
self.find('div.addremove').not(':first').each( function() {
$(this).find('button.rem').click();
});
});
},
add : function(count) {
return this.each( function() {
var self = $(this);
var addfn = self.find('div.addremove:last button.add');
if (addfn.size()) {
var num = count ? count : 1;
for(var i=0; i 1) {
if (typeof settings.remove == 'function') {
settings.remove(_entry);
}
_entry.remove();
}
return false;
}).end()
.appendTo(container);
if (typeof settings.add == 'function') settings.add(_entry);
}
var _init_template = function(entry) {
return _el('div', 'addremove')
.append(entry.children())
.append(_el('button', 'add').text('+'))
.append(_el('button', 'rem').text('-'));
}
var _el = function(el, clazz) {
var ret = $(document.createElement(el));
if (clazz) ret.addClass(clazz);
return ret;
}
})( jQuery );