Fork me on GitHub
Like it? Star it! Want it? Fork it! And also follow ;)
Follow @danielreznick
Check out my other jQuery plug-in: Yet Another DataTables Column Filter (yadcf)Check out my AngularJS Directive: Color Picker

jQuery Feedback Me Plugin 0.5.9.beta.1

Clean Example

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.

***Click on the feedback label on the left***
Features:
Usage(on this page example):
						$(document).ready(function(){
							//set up some basic options for the feedback_me plugin
							fm_options = {
								position: "left-bottom",
								name_required: true,
								message_placeholder: "Go ahead, type your feedback here...",
								message_required: true,
								show_asterisk_for_required: true,
								feedback_url: "send_feedback_clean",
								custom_params: {
									csrf: "my_secret_token",
									user_id: "john_doe",
									feedback_type: "clean"
								},
						        delayed_options: {
									send_fail : "Sending failed :(.",
									send_success : "Sent successfully :) , wow! even this message is customizable!!!"
						        }
							};
							//init feedback_me plugin
							fm.init(fm_options);
						});
					
All available parameters + default settings (detailed documentation 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
						}
					};