Contactable jQuery Plugin on The Right Side of Page
Contactable is a great jQuery plugin by Philip Beel to include a nice sliding contact form, even if you only understand a tiny bit of jQuery and PHP.
I needed to use this plugin for one of my project, but I want it to be on the right side of the page instead of left. In order to do this, you need to change a small portion of the CSS and JS files. No special skills required. Still, you can save your time since you can download it directly below:
» click here to download Contactable on right side of page «
All credits go to Philip Beel. Instructions and demo can be checked directly on this plugin’s homepage.
[...] Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort. I also made a small modification of this great plugin to appear on the right side of the page instead the left, you can check it here. [...]
Hey!
You forgot something.
The form wont scroll after finisch sending.
$(‘#contactForm’).animate({dummy:1}, 2000).animate({“marginRight”: “-=450px”}, “slow”);
$(‘div#contactable’).animate({dummy:1}, 2000).animate({“marginRight”: “-=447px”}, “slow”).animate({“marginRight”: “+=5px”}, “fast”);
There it is. Rest is perfect
THX
Awesome! Thanks for correcting that. The plugin has been repacked with the latest update.
This is exactly what I need, and it works perfectly on http://arthomestudy.com/index.html. However, it doesn’t show up on http://arthomestudy.com/index.php — which is an ExpressionEngine 1.7 template. What am I doing wrong?
Thank you!
Lee
Lee, everything seems to be correctly placed so I can’t be sure either what is wrong. But I do notice that jquery.js is being called twice, on the header and later near the bottom. You might want to clean that up, also try to move the line. See if that helps. I am curious with this problem, so keep me updated with the progress!
How to change the names example: to send to ENVIAR the form
Thank Edvaldo-Brazil
Resolved, was using the internet address,
The right is
grateful
Hi edvaldo, sorry I could not respond to your question sooner but glad to hear you have managed to resolve it!
Sorry, but I can not change the field names of the form, try:
//define the new for the plugin ans how to call it
$.fn.contactable = function(options) {
//set default options
var defaults = {
name: ‘n’,
email: ‘Email’,
message : ‘Mensage’,
subject : ‘A contactable message’,
recievedMsg : ‘OBRIGADO’,
notRecievedMsg : ‘desculpe’,
disclaimer: ‘Please feel free to get in touch, we value your feedback’,
hideOnSubmit: true
};
but does not change, any tips?
Thank-Edvaldo Brazil
You need to change the HTML construct on line 34 under jquery.contactable.js file. I can’t give you an example right now as the code was not displaying properly if I copied here, but do let me know if you still need some help.
Thank you, okay, see: http://www.tisolucoes.net.br/contactable_rightFUFA/index.html —- ! If you come to Brazil to look for me,,,,, thankful even ….
Thank you -
Edvaldo-Brazil
Great, nice to hear it is working now. I will keep in mind to look for you if I never go to Brazil, thanks. Cheers!
This is great.
It would be even greater if you could kindly specify exactly where you have modified the original code.
Thanks. It has been more than a year since I made this slight modification of an excellent jQuery plugin, so I cannot remember the details of changes perfectly. But all I did was ‘reverting’ the animations to opposite direction, then minor adjustments to the image asset and CSS.