Skip to content

Instantly share code, notes, and snippets.

@seyaobey
seyaobey / edit-bootstrap.js
Created May 3, 2017 11:40
edit bootstrap
!function(t){var e=function(e,a){this.$element=t(e),this.options=t.extend({},t.fn.editstrap.defaults,this.$element.data(),"object"==typeof a&&a),this.init()};e.prototype={constructor:e,init:function(e){if(this.checkEmpty(this.$element),this.$element.wrap(t('<span class="edit-parent-span"></span>')),this.$element.parent().attr("title",this.options.title),this.$element.addClass("editable-field"),this.$element.parent().wrap(t("<span></span>")),this.$element.parent().parent().append('<div style="padding-top:5px;"><small class="result-message"></small></div>'),this.options.displayEditIcon){var a=t('<span class="edit-icon-container"></span>'),i=t("<i></i>");i.addClass(this.options.editClasses),a.append(i),this.$element.parent().append(a)}this.$element.parent().hover(function(){t(this).removeClass("edit-parent-span"),t(this).addClass("edit-parent-span-hover"),t(this).parent().find(".edit-icon-container").css("opacity",100)}).mouseleave(function(){t(this).addClass("edit-parent-span"),t(this).removeClass("edit-parent-