feedback_me
v0.6.0
Published
NPM Version for jQuery Feedback_Me Plugin ===========. A simple plugin to show a feedback form to your visitors.
Downloads
143
Maintainers
Readme
jQuery Feedback Me Plugin
Description:
This jQuery plug-in allows user to easily add an animatable UI widget with a feedback form which slides from the side of the screen.
Contact/Social:
If you want to ask a question use my google group
If you like my plugin, you can show your appreciation by following me in Twitter / GitHub.
Features:
- Using CSS3 Transition for sliding out the feedback widget (jquery used as a fallback for older browsers)
- Multiple feedbacks on page (different locations)
- Growl alike and super customizable dialog response for success/fail feedback sending
- Highly customizable notification response for success/fail feedback sending
- Bootstrap support
- jQuery UI themes support
- 4 different possible locations to place the widget
- Using AJAX post to send data to server ('name', 'message' and 'email' parameters will be send to your servlet/php file etc...)
- Ability to send additional custom params to server (csrf token / logged in user_name / etc`)
- Ability to embed any external html file inside the feedback_me widget for maximum customization
- Ability to embed inline html code inside the feedback_me widget for more customizations
- RTL support (except in 0.5.2 version)
- All labels are customizable
- Customizable placeholder (HTML5) for all input fields
- Optional required attribute (HTML5) for all input fields with homegrown validation
- Optional asterisk next to label of required input fields
- Optional pattern attribute (HTML5) for name input field with homegrown validation
Examples:
Usage:
$(document).ready(function(){
fm_options = {
jQueryUI : true,
position : "left-bottom",
name_placeholder:"Name please",
trigger_label : "Click me",
message_required : true,
show_asterisk_for_required : true,
feedback_url : "send_feedback"
};
fm.init(fm_options);
});
All available parameters + default settings (detailed explanation inside jquery.feedback_me.js) :
var default_options = {
feedback_url : "",
position : "left-top",
jQueryUI : false,
bootstrap : false,
show_email : false,
show_radio_button_list : false,
close_on_click_outisde: true,
name_label : "Name",
email_label : "Email",
message_label : "Message",
radio_button_list_labels : ["1", "2", "3", "4", "5"],
radio_button_list_title : "How would you rate my site?",
name_placeholder : "",
email_placeholder : "",
message_placeholder : "",
name_required : false,
email_required : false,
message_required : false,
radio_button_list_required : false,
show_asterisk_for_required : false,
submit_label : "Send",
title_label : "Feedback",
trigger_label : "Feedback",
custom_params : {},
iframe_url : undefined,
show_form: true,
custom_html: "",
delayed_close : true,
delayed_options : {
delay_success_milliseconds : 2000,
delay_fail_milliseconds : 2000,
sending : "Sending...",
send_fail : "Sending failed.",
send_success : "Feedack sent.",
fail_color : undefined,
success_color : undefined,
custom_html_success: undefined,
custom_html_fail: undefined
}
};
License:
Copyright (c) 2015 Daniel Reznick, released under the MIT license