mirror of
https://github.com/Dolibarr/dolibarr.git
synced 2025-12-07 01:58:09 +01:00
e81fb4a613
Add edit in place module for jquery for different input Add ckedit module for jquery for input text with html
70 lines
2.1 KiB
JavaScript
70 lines
2.1 KiB
JavaScript
/*
|
|
# CKEDITOR Edit-In Place jQuery Plugin.
|
|
# Created By Dave Earley.
|
|
# www.Dave-Earley.com
|
|
*/
|
|
|
|
$.fn.ckeip = function (options, callback) {
|
|
|
|
var original_html = $(this);
|
|
var defaults = {
|
|
e_height: '10',
|
|
data: {}, e_url: '',
|
|
e_hover_color: '#eeeeee',
|
|
ckeditor_config: '',
|
|
e_width: '50'
|
|
};
|
|
var settings = $.extend({}, defaults, options);
|
|
|
|
return this.each(function () {
|
|
var eip_html = $(this).html();
|
|
var u_id = Math.floor(Math.random() * 99999999);
|
|
|
|
|
|
$(this).before("<div id='ckeip_" + u_id + "' style='display:none;'><textarea id ='ckeip_e_" + u_id + "' cols='" + settings.e_width + "' rows='" + settings.e_height + "' >" + eip_html + "</textarea> <br /><a href='#' id='save_ckeip_" + u_id + "'>Save</a> <a href='#' id='cancel_ckeip_" + u_id + "'>Canel </a></div>");
|
|
|
|
$('#ckeip_e_' + u_id + '').ckeditor(settings.ckeditor_config);
|
|
|
|
$(this).bind("dblclick", function () {
|
|
|
|
$(this).hide();
|
|
$('#ckeip_' + u_id + '').show();
|
|
|
|
});
|
|
|
|
$(this).hover(function () {
|
|
$(this).css({
|
|
backgroundColor: settings.e_hover_color
|
|
});
|
|
}, function () {
|
|
$(this).css({
|
|
backgroundColor: ''
|
|
});
|
|
});
|
|
|
|
|
|
$("#cancel_ckeip_" + u_id + "").click(function () {
|
|
$('#ckeip_' + u_id + '').hide();
|
|
$(original_html).fadeIn();
|
|
return false;
|
|
});
|
|
|
|
$("#save_ckeip_" + u_id + "").click(function () {
|
|
var ckeip_html = $('#ckeip_e_' + u_id + '').val();
|
|
$.post(settings.e_url, {
|
|
content: ckeip_html,
|
|
data: settings.data
|
|
}, function (response) {
|
|
if (typeof callback == "function") callback(response);
|
|
|
|
$(original_html).html(ckeip_html);
|
|
$('#ckeip_' + u_id + '').hide();
|
|
$(original_html).fadeIn();
|
|
|
|
});;
|
|
return false;
|
|
|
|
});
|
|
|
|
});
|
|
}; |