Skip to content
jQuery Feedback Me Plugin
JavaScript CSS
Branch: master
Clone or download
vedmack Merge pull request #46 from barrust/patch-1
ajax beforeSend parameters
Latest commit 3d0b096 May 13, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css css sucess to success May 11, 2018
examples Thanks to @EndeavourAccuracy for the PR #44 Jul 18, 2017
js Merge pull request #46 from barrust/patch-1 May 13, 2018
ChangeLog.markdown
MIT-LICENSE.txt
README.md Update README.md Jul 7, 2015
bower.json Custom template for delayed_options, extend for the global ajax befor… Feb 8, 2015
feedback_me.jquery.json

README.md

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:

Clean example

Clean complex example

jQuery UI theme aware example

Bootstrap example

External IFrame Example

Custom Html Example

Multiple Feedbacks 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,
	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

You can’t perform that action at this time.