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

Multiple Feedbacks 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 one of the feedbacks label***
Features:
Usage(on this page example):
						$(document).ready(function () {
							'use strict';
							//set up some basic options for the feedback_me plugin
							var fm_options = {
								trigger_label: "Feedbk-4",
								position: "right-bottom",
								name_label: "Fourth Hokage Name",
								name_placeholder: "Minato Namikaze",
								name_required: true,
								message_placeholder: "Go ahead, type your feedback to the fourth...",
								message_required: true,
								show_radio_button_list: true,
						        radio_button_list_required: true,
						        radio_button_list_title: "How would you rate Naruto anime?",
								show_asterisk_for_required: true,
								feedback_url: "send_feedback_clean",
								custom_params: {
									position: "right-bottom"
								}
							};
							//init feedback_me plugin
							fm.init(fm_options);
						
							fm_options = {
								trigger_label: "Feedbk-1",
								position: "left-bottom",
								name_label: "First Hokage Name",
								name_placeholder: "Hashirama Senju",
								name_required: true,
								message_placeholder: "Go ahead, type your feedback to the first...",
								message_required: true,
								show_asterisk_for_required: true,
								feedback_url: "send_feedback_clean",
								custom_params: {
									position: "left-bottom"
								}
							};
							//init feedback_me plugin
							fm.init(fm_options);
						
							fm_options = {
								trigger_label: "Feedbk-3",
								position: "right-top",
								name_label: "Third Hokage Name",
								name_placeholder: "Hiruzen Sarutobi",
								name_required: true,
								message_placeholder: "Go ahead, type your feedback to the third...",
								message_required: true,
								show_asterisk_for_required: true,
								feedback_url: "send_feedback_clean",
								custom_params: {
									position: "right-top"
								}
							};
							//init feedback_me plugin
							fm.init(fm_options);
						
							fm_options = {
								trigger_label: "Feedbk-2",
								position: "left-top",
								name_label: "Second Hokage Name",
								name_placeholder: "Tobirama Senju",
								name_required: true,
								message_placeholder: "If you want a response from the second let me know.",
								message_required: true,
								show_email: true,
								email_label: "Email",
								email_placeholder: "Type it and hokage might email you back :)",
						        email_required: true,
								show_asterisk_for_required: true,
								feedback_url: "send_feedback_clean",
								custom_params: {
									position: "left-top"
								}
							};
							//init feedback_me plugin
							fm.init(fm_options);
						
							SyntaxHighlighter.all();
						});
					
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
						}
					};