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.
$(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();
});
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
}
};