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.

Features:

• Using CSS3 Transition for sliding out the feedback widget (jquery used as a fallback for older browsers)
• 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
• RTL support
• 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

Examples:

Clean example

Clean complex example

jQuery UI theme aware example

Bootstrap example

External iframe example

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
};

License

Copyright 2013 Licensed under the MIT License (just like jQuery itself)

===== If you like my plugin, you can show your appreciation by following me in Twitter or GitHub.