The following displays the imFeedBack JQuery UI Widget with the external_control option. Use this option when you want another element on the page to trigger the opening of the widget. It can also temporarily override the top_text, feedback_subject, and disable_subject options. When I designed the site http://web20.digitalvilliage.com, I added a button to the page for web design services. When the user clicks the button, the feedback widget opens with a specific message in the subject field that is different from the normal subject line.
$(document).ready(function(){
$(document.body).imFeedBack({
top_text: 'For expert web design, contact us today',
feedback_subject: 'I need a web designer',
external_control: { id: 'stargateBtn', top_text: 'If you love Stargate SG-1, send us an email to tell us why.', feedback_subject: 'I love Stargate-SG1', disable_subject: true},
submit_url: 'http://www.mysite.com/send_mail.php'
});
});
Select themes from the ThemeSwitcher below to view the different color schemes. I'm using the ThemeSwitcher for this example, but you can create a customized theme on JQueryui.com.
For more documentation on the imFeedBack widget, view my Blog Post.