The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

Feedback Me : a feedback form which slides from the side of the screen.

Tags :

Plugin rate :

jQuery Feedback Me Plugin

Description

Feedback Me is a jQuery plugin that allows user to easily add an animatable UI widget with a feedback form which slides from the side of the screen.
If you got any requests for new features feel free to open an issue or email me vedmack@gmail.com

 

Features

  • - Bootstrap support
  • - jQuery UI themes support
  • - RTL support
  • - Uses ajax post to send data to server ('name', 'message' and 'email' parameters will be send to your servlet/php file etc...)
  • - 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

 

License

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

If you are using this plugin it would be nice if you drop me an email to vedmack@gmail.com with some feedback.

Implementation: 

Javascript implementation & Options

1
2
3
4
5
6
7
8
9
$(document).ready(function(){
 
  var default_options = {
    bootstrap : false,
    show_email : false,
  };
 
  fm.init(default_options );
});
Options: 
feedback_url
String
URL of your servlet/php etc ('name', 'message' and 'email' parameters will be send to your servlet/php etc...)
position
String
Default : left-top - Set the position where the feedback widget will be located. Can be set to "left-top" / "left-bottom" / "right-top" / "right-bottom "
jQueryUI
Boolean
Default : false - Tell the plugin to use jQuery UI theme
bootstrap
Boolean
Default : false - Tell the plugin to use twitter bootstrap
show_email
Boolean
Default : false - Tell the plugin to display email input field
show_radio_button_list
Boolean
Default : false - Tell the plugin to set of 5 radio buttons
name_label
String
Default : Name - Label for name input
email_label
String
Default : Email - Label for email input
message_label
String
Default : Message - Label for message input
radio_button_list_labels
Array
Default : ["1","2","3","4","5"] - Labels for radio button list
radio_button_list_title
String
Default : How would you rate my site? - Label that will appear above the list of radio button
submit_label
String
Default : Send - Label for submit input
title_label
String
Default : Feedback - Label for title text
trigger_label
String
Default : Feedback - Label for open/close (trigger) button
name_placeholder
String
Default : empty - Watermark for name input
email_placeholder
String
Default : empty - Watermark for email input
message_placeholder
String
Default : empty - Watermark for message input
name_required
Boolean
Default : false - Makes input required
email_required
Boolean
Default : false - Makes input required
message_required
Boolean
Default : false - Makes input required
radio_button_list_required
Boolean
Default : false - Makes radio inputs required
show_asterisk_for_required
Boolean
Default : false - Add an asterisk to the label of the required inputs
close_on_click_outisde
Boolean
Default : true - Will cause the feedback dialog to be closed on clicking anywhere outside the dialog
custom_params
Array
Default : {} - Use it if you want to send additional data to the server (can be used for sending: csrf token / logged in user_name / etc)
Screenshots
  • Feedback Me - Bootstrap style

Comments

Dear Vedmack,
I used your feedback and its awesome and great, but I have little problem.

I don't know where I should put my email so the massage or the feedback send to me.

sorry for my bad English

Hope to hear from you

Best regards

this is nice

it is Awesome :)

very good plugin i also want to share another tutorial to create feedback form of you own from beginning if any one wants to create his own feedback form refer this link http://talkerscode.com/webtricks/easy-feedback-form-on-page-bottom-using-jquery-html-and-css.php

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

jQuery
>= 1.4
Current version
0.4.6
Browsers compatibility
Google ChromeIE 8IE 9Mozilla FirefoxOperaSafari
Fork it on github Comments [4]