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. If you have ever seen the feedback forms provided by kamypyle you will be familiar with the technique they use, however contactable makes this process even simpler by overlaying the content onto your page quickly and easily with a slide effect and inline validation.
Usage
Contactable takes care of a lot of issues for you, however the plugin does have a dependency on jQuerys validate plugin, which is included in this download. To start simply create a div with an ID:
<div id="contact"> </div>
You will need to call in the jquery framework as well as the validator to make this plugin work:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.validate.pack.js"></script> <script type="text/javascript" src="jquery.contactable.min.js"></script>
To initiate the contactable plugin simply call the plugin on the ID of your div. In the download you will also see a mail.php file. It is important that you put this at the top level of the of your server as to make the ajax request successfully.
$(function(){
$('#contact').contactable({
subject: 'A Feeback Message'
});
});Important once downloaded open the mail.php file and navigate to the line 12. look for /*RECIPIENTS EMAIL ADDRESS HERE*/ and replace with the email address you wish to use.
mail('/*RECIPIENTS EMAIL ADDRESS HERE*/', $subject, $contactMessage);Options for contactable
There are a lots of extra parameters for contactable, you can adjust pretty much everything on the form in terms of how it displays. A new feature added in 1.2.1 is hideOnSubmit which by default is set to true, this simple hides the contact form once a message has been sent successfully.
name: 'Name', email: 'Email', message : 'Message', subject : 'A contactable message', recievedMsg : 'Thankyou for your message', notRecievedMsg : 'Sorry, your message could not be sent, try again later', disclaimer: 'Please feel free to get in touch, we value your feedback', hideOnSubmit: true
Demo
You can see the contactable plugin in action here. You can find all the styling included within the download, which has been tested on IE6 IE7 FF PC FF mac Safari. Thanks for checking it out, and please shout if you find any bugs or can think of ways to improve the plugin.
Version History
26/08/2009 – Version 1.0
24/09/2009 – Version 1.2
18/01/2010 – Version 1.2.1
21/12/2010 – Version 1.2.2
13/02/2010 – Version 1.3 (thanks to Shimon Doodkin)
New features included
- Plugin now supports Strict HTML Doctypes
- CSS error field bug fixed
- Submit button issue fixed
- CSS IE6 IE7 style issues resolved
- Added auto hide form feature
- Security update to mail.php
- Sever side email validation
- optional feedback.png or contact.png tab wording
- Support for hebrew lang
- right to left support
- added css prefix
- short readme file included
August 26th, 2009
Nice work!!!
« Reply
מצלמות אבטחה Reply:
March 20th, 2011 at 1:34 am
yes that great work very easy to work with…
« Reply
Faton Reply:
March 21st, 2012 at 8:48 am
nicely done !
« Reply
מצלמות אבטחה בחיפה Reply:
August 30th, 2012 at 10:39 pm
@tigrou,
Very Nice Work Buddy
« Reply
August 26th, 2009
very nice!
« Reply
August 26th, 2009
Very clean and nicely done!
« Reply
August 26th, 2009
Great work! Works fine… Nicely done
« Reply
August 30th, 2009
This is excellent. I’ve seen a lot of forms that attempt to make it easier to implement them as it seems to be a problem of much concern to the design community.
Thanks for this!
« Reply
מצלמות אבטחה Reply:
August 30th, 2012 at 10:41 pm
Great work! Works fine… Nicely done
« Reply
August 31st, 2009
Excellent. But IE6, IE7 need hacks???
« Reply
philipbeel Reply:
August 31st, 2009 at 10:29 pm
@Bruno Thanks – I have tested IE7 on XP and Vista everything worked ok for me. If you spot any bugs please let me know and I will try to fix thanks!
« Reply
jophin Reply:
January 17th, 2010 at 1:37 pm
@philipbeel,
Thanks for sharing your knowledge……
I am found bug on xp ie7 ..plz can you update it
« Reply
Kent Reply:
January 30th, 2011 at 2:36 pm
@Bruno, Stop hacking for IE6 and let the browser die ! I NEVER do hacks for IE versions under 8. IE6 Visitors to my site can change browsers or **** off. Tough but necessary
« Reply
Anon Reply:
March 6th, 2011 at 7:39 pm
@Kent, Obviously don’t work for clients then.
« Reply
Maulik Bengali Reply:
June 30th, 2011 at 10:48 am
@Bruno, I have tweaked contactable.css for IE6 & IE7.
I hope it is useful.
Only two changes are required.
1) Add this rule to #contactable #contactForm after position:fixed property “_position:absolute;”(without quotes, of course)
2) Change the rule *position:absolute in #contactable #contactable_inner to “_position:absolute;”(without quotes, again)
« Reply
August 31st, 2009
A minor buggette…
Line 80 of the contactable.js has:
$(‘#callback’).show().append(defaults.recievedMsg);
I think this should be
$(‘#callback’).show().append(defaults.notRecievedMsg);
« Reply
philipbeel Reply:
August 31st, 2009 at 10:36 pm
@Simes – Great spot, all fixed and updated, thanks for your help!
« Reply
September 1st, 2009
It seems it does not sanitize customer inputs. Is it safe enough to use on live?
« Reply
philipbeel Reply:
September 1st, 2009 at 10:12 am
@shin – The fields will be specific to the users machine, each comment will only be viewable by the user and yourself – It will not be public for others to see.
« Reply
September 1st, 2009
@philipsbeel – Test using DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”
« Reply
September 1st, 2009
CoolIt’s very cool, I like it..
« Reply
September 2nd, 2009
Thanks for the plugin… something I have been looking for.
« Reply
September 3rd, 2009
very cool, this would be great for my applications. thanks
« Reply
September 3rd, 2009
Like it, but it break my WP theme. So cannot use but very nice plugin..not sure if it is due to the jquery in my WP theme. Are you planning to convert this plugin into WP compatible?
« Reply
September 3rd, 2009
Cool!
« Reply
September 3rd, 2009
How can I make it slide closed after 5sec or after success?
« Reply
September 5th, 2009
Elegant, classy, thank you for a gem.
« Reply
September 7th, 2009
@philipsbeel @Bruno: Using that DOCTYPE seems to be a problem with ie6/ie7. Any idea how to fix it? Thanx for this nice plugins
« Reply
philipbeel Reply:
September 12th, 2009 at 6:55 pm
@port119
Thanks for the headsup I will look into fixing it as part of the next release. Cheers!
« Reply
September 7th, 2009
Hi There, I would like to have the form appear when clicking on an isolated link, eg contact in the navigation menu, what do I need to call for this to work? Thank you
« Reply
philipbeel Reply:
September 10th, 2009 at 8:54 pm
@Emile – Currently the contactable plugin does not facilitiate this feature, however it is a very good suggestion and I will consider including it in the next version – thanks!
« Reply
September 7th, 2009
it is a very good
« Reply
September 9th, 2009
Very nice work, i have one question, how can i change form´s language?
« Reply
September 11th, 2009
it looks fine now, BUT the “submit” button is not pressable.
when i click it to submit, it does nothing…what could this be?
thanks.
very cool script!
« Reply
September 14th, 2009
Really great work!!
How is it possible to realize an inline form validation with default values (e.g. default value is “First name”, but the value on this input field is blank when focussed)??
M.
« Reply
philipbeel Reply:
September 14th, 2009 at 10:39 am
@Michael – Thanks.
Im not entirely sure I understand what you mean, but if your suggesting the form is too rigid in its structure It should only serve a generalized scope, if your looking for something more bespoke I would highly recommend writing another solution, or even adapting what I have created so far!
« Reply
September 14th, 2009
Hi Philip,
thanks for reply and sorry for the confusion. I sent you some more information via contact form.
M.
« Reply
September 21st, 2009
Thanks for the plugin !
I’m setting it on my blog.
I just found 2 ‘minor’ bugs :
- the option ‘disclaimer’ is not defined in the packed version of the plugin. Instead there is this text : ‘This will be some contact information about opening hours etc’
- the animation has a weird behavior if you give the id ‘contactable’ to the empty
For everything else, it works !
« Reply
philipbeel Reply:
September 21st, 2009 at 11:52 am
Thanks for your feedback. I will be sure to get this fixed in the next release!
« Reply
אזעקות Reply:
August 30th, 2012 at 10:42 pm
Very Nice Job Mate!!
« Reply
September 23rd, 2009
This is such a cool script. I am having one problem though and it doesn’t seem to be affecting anyone else though. I have the problem narrowed down to the doc type at the beginning of the HTML is causing the script not to work. When I remove that and replace it with only the and tags it works fine but the rest of my page does not display properly. Any suggestions?
« Reply
philipbeel Reply:
September 24th, 2009 at 8:46 am
hi @midamericametals – I have had a few people mention this issue. I have only tried it out on a XHTML strict document and found that some of the CSS styling was at fault. I will be releasing version 1.2 of the plugin soon and I hope to have any of these issues resolved as part of the release! Cheers for the heads up thought!
« Reply
September 23rd, 2009
disregard my post. There is a problem in the contactable.css file where form should have a capital F, not lowercase. After this is fixed, the form works with the standard DOC type.
« Reply
October 22nd, 2009
hello i ws wondering , how to add the date functionality to this ? suppose i want my guests to insert date to the feed back?? is it possible ??
« Reply
philipbeel Reply:
October 22nd, 2009 at 1:08 pm
@maddy – Thanks for your question. At the moment there is no date setting on the form. This could be extended with the date picker plugin, although it would be too bulky for a general release.
« Reply
October 22nd, 2009
Good work! Thanks.
« Reply
October 22nd, 2009
Very bad idea, having recipients specified on the client side and then sending them through in the query string. You’ve essentially created a spam sender, any remote server can send countless emails through this… And what exactly is the appeal of this versus a pure server-side solution; one which would work for users with JavaScript disabled?
Also, since the email exists in the source code, it’s a very easy target for an everyday email-harvesting bot.
« Reply
philipbeel Reply:
October 23rd, 2009 at 9:10 am
@James – Thank you for your concern. If spamming is something you are worried about I highly recommend modifying the plug-in to set your email in the mail.php file, this way your email address will not need to be passed into the form. I realize Ideally the plugin would do this for you, but I wanted to create something which would be accessible to a wider audience. If you have a solution to this problem please feel free to share it . As I have stated I am still learning this wonderful language myself so any guidance is always appreciated!
« Reply
October 22nd, 2009
Excellent plugin but having some problem with the demo. Link is not working, Please check.
« Reply
October 22nd, 2009
Really cool! Congratulations Philip. One questions: it’s possible to use and to edit contactable? thanks! f
« Reply
October 29th, 2009
I had the same issue happen to me when I used the plug-in. Internet Explorer 7 and 8 were not behaving like FF. I’m using XHTML 1.1 in my website, and so I wrote a post about what I did to fix it. I hope this comes useful for others.
http://www.andphp.com/2009/10/29/jquery-contactable-plug-in-on-internet-explorer/
« Reply
November 7th, 2009
Can we make it slideout on page load. I need something like this when page is loaded. and once clicked it can behave like normal.
« Reply
November 11th, 2009
Is it possible to set the “from” address, so when you get the emailed form through its from xyz@example.com? At the moment its coming through from a root admin email address on our server hosts?
Also, has anyone successfuly made this a bit more secure, by setting recipient in mail.php? Have tried to edit file as Phil suggested, but I just broke it…!
« Reply
philipbeel Reply:
November 11th, 2009 at 1:06 pm
@Jimmy – I dont believe it is possible to switch the email that you receive the message from, However you could always pass the host email into a forwarder on a more preferable email address with your control panel.
You can hard code your email in the mail.php file like this:
$email = 'yourname@yoursite.com';I hope this helps you out!« Reply
November 12th, 2009
its not working properly in IE6
« Reply
November 18th, 2009
Looking for a code to do the same but with twitter Follow me button.
« Reply
philipbeel Reply:
November 20th, 2009 at 9:01 am
That sounds interesting, however Im pretty sure that wouldn’t involve a plug-in. You could achieve the same ends with some CSS and an
« Reply
November 30th, 2009
I almost used this, but then I looked at the mail.php script — unfortunately it is completely insecure. Spammers will love this and use your server to send their spam. I recommend not using this unless you secure the mail.php script by hardcoding the email, stripping any headers, etc.
« Reply
Aileen Reply:
February 15th, 2011 at 5:52 pm
@Josh S,
Hey Josh. Can you tell me what to use for the mail.php script to make it secure? Spammers hitting my site like crazy
« Reply
December 9th, 2009
useful and nice thanks
« Reply
December 11th, 2009
is there a way to make the contact form to slide back after a timeout when the message is sent?
« Reply
philipbeel Reply:
December 11th, 2009 at 1:22 pm
@Matt – No there is not, but it is a good suggestion and something I could integrate into the next release. cheers!
« Reply
December 11th, 2009
Great plug-in, just wondered if there was a way to have a 2 color state? One when it is hidden and one when it is out?
« Reply
December 22nd, 2009
I’ not sure whether you are aware of that nice spam relay you’re promoting here.
Please stop encouraging people to deploy the packaged mail.php on their servers until it contains at least a little bit of CSRF protection…
« Reply
philipbeel Reply:
December 22nd, 2009 at 11:44 am
@Robert, I will assume you did not bother to read any of the comments above, so I will reiterate. The security flaws have been recognized by a number of users, all of which have been kind enough to leave constructive feedback. Taking this on board I have been working on a new release, which I will making available soon.
« Reply
Robert Reply:
December 23rd, 2009 at 6:00 am
@philipbeel, looks like I missed these comments. Glad to hear that a more secure version is on the drafting table. Wouldn’t it be helpful for aspiring users to include a short heads-up into the article body?
« Reply
December 23rd, 2009
The design is great, but the lack of security is horrific! You should immediately secure your mail.php – otherwise, it’s an open gate to all spammers of the world!
Try to paste my suggestion to this post:
$c = array(
‘recipient’ => ‘/^ [\w.!#%&\*\/=\?\^\`\{\|\}\~+-]{1,64}\@[[:alnum:].-]{1,255}\.[a-z]{2,6} $/xi’,
‘name’ => ‘/^[[:print:][:space:]]{10,}$/’,
‘email’ => ‘/^ [\w.!#%&\*\/=\?\^\`\{\|\}\~+-]{1,64}\@[[:alnum:].-]{1,255}\.[a-z]{2,6} $/xi’,
‘comment’ => ‘/^[[:print:][:space:]]{10,}$/’,
‘subject’ => ‘/^[[:print:]]{3,}$/’,
‘text’ => ‘/^[[:print:][:space:]]{10,}$/’,
);
foreach ($_GET as $k => $v) {
if (isset($c[$k])) {
if (!preg_match($c[$k], $v)) die(‘There is a problem with ‘.$k.’: ‘.$v);
}
}
$notes = stripcslashes($notes);
$message = “Message: “.$_GET["comment"].”\r\nFrom: “.$_GET["name"].”\r\nReply-to: “.$_GET["email"];
mail($_GET["recipient"], $_GET["subject"], $message);
Merry X-Mas and a Happy New Year,
Marco
« Reply
December 24th, 2009
Hi,
I have a problem when I try to integrate it into wordpress. WordPress loads jquery with:
… script type=’text/javascript’ src=’http://…/wp-includes/js/jquery/jquery.js?ver=1.3.2′ …
But your script doesn’t work, nothing will be shown. When I add
…script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js …
it works, but not the rest of the scripts like superfish-menu. Can someone help me, where I made a mistake or so?
Thanx
Frank
« Reply
philipbeel Reply:
December 29th, 2009 at 10:41 am
@Frank-Andre Thies, Its not something I have seen before. Have you tried turning off the other plugins to make sure its not conflicting. I have had reports of issues in using contactable with lightbox. There will be a new release available soon.
« Reply
Frank-Andre Thies Reply:
December 31st, 2009 at 12:24 pm
@philipbeel, i set the other plugins off, but it still not works. I copied the jquery.js from wordpress to use it with your example and then i got this error:
Error: $ is not a function
Quelldatei: file … contactable/index.html
Line: 22: $(function(){
But when I change the first two lines from
jQuery(function(){
$(‘#contact’).contactable({
into
jQuery(function(){
jQuery(‘#contact’).contactable({
it works!
Maybe that is a help for other users.
Thanx
Frank
« Reply
Brandon Reply:
January 14th, 2010 at 5:04 pm
@Frank-Andre Thies, THANK U SO MUCH! I tried so long to debug, finally i did it with your comment. GREAT!
Gary Dates Reply:
August 3rd, 2010 at 11:47 pm
@Frank-Andre Thies,
Start your js file as follows:
jQuery(document).ready(function ($) {
//your code here
});
Then you won’t need to change every “$” to “jquery”.
Nicholas Reply:
February 25th, 2012 at 2:40 pm
@philipbeel,
I am experiences a conflict with lightbox as well. I’d really like your idea, but I can’t implement it unless there is no conflict… Is there a new version.
« Reply
January 7th, 2010
Nice! I’ll try to create new version, connected with IzzyHelp.com, so visitor will have handy FAQ there or contact option. I’ll post it here when done!
Thanks!
« Reply
January 12th, 2010
nice feedback form, but is it possible to let it come out of the right side of the page..? sorry for my bad engles.
Thanks
« Reply
philipbeel Reply:
January 12th, 2010 at 9:08 am
@Abdullah, Currently the form does not give that option, You are more than welcome to manually modify the plugin to enable this to work, (you would need to adjust some js settings as well as CSS)
« Reply
Abdullah Reply:
January 12th, 2010 at 9:16 am
@philipbeel, Thanks for the quick response. Unfortunately I am not a programmer so I just have to find another solution.
Thanks..Greats from The Netherlands
« Reply
January 12th, 2010
There is no demo?
« Reply
philipbeel Reply:
January 12th, 2010 at 3:03 pm
@anna, Hi, if you go to http://www.theodin.co.uk/tools/tutorials/jqueryTutorial/plugins/contactable/? you should see a ‘feedback’ tab on the left, that is the plugin
« Reply
January 13th, 2010
I’ve just published an updated version, with IzzyHelp support in tabs, hover effect and as Philip suggested me, small update in mail.php file, view demo or download here
Enjoy! And Philip – thanks again for great script!
« Reply
אינטרקום Reply:
August 30th, 2012 at 10:44 pm
great script
« Reply
January 19th, 2010
I am very beginner at code, i have a problem. I have copied all the contents of the folder into the root of my website, and i have a problem i dont know how to get it to appear on my index page of my website, on the index.php or my layout_main which is the set-up and layout of my website, what code should i put into those .php files to get this thing to appear on my homepage.
Thank
Petar
« Reply
January 20th, 2010
It seems that the demo you offer on this site is’nt working, just letting you know.
Look forward to putting your code it into practice, thanks
)
« Reply
philipbeel Reply:
January 20th, 2010 at 8:59 am
@Stephen Walder, Can you let me know what browser you are using?! I am not seeing any issues.
« Reply
Dani Reply:
January 20th, 2010 at 9:23 am
@philipbeel, I have the same problem. I use FF and tested with opera and chrome.
« Reply
January 25th, 2010
Currently trying to embed this into a WordPress site however I get the following error…
Uncaught TypeError: Object # has no method ‘contactable’
All the JS files are called before
$(function(){
$(‘#contact’).contactable({
subject: ‘A Feeback Message’
});
});
The URL’s work and they’re correct so not sure why I’m getting this error?
Any help would be great
« Reply
Anthony B Reply:
January 25th, 2010 at 2:37 am
@Anthony B, scrap that, it seems to have been a conflict kicking up a fuss – many thanks
« Reply
January 26th, 2010
i tried everything and i keep having the error message, the message is not sent
« Reply
philipbeel Reply:
January 26th, 2010 at 8:56 am
@Charly, are you using the form on a linux server running PHP? You should be able to see the error message in firebug if there is an issue. Do you have a link to a test page so I may look?
« Reply
dash Reply:
February 23rd, 2010 at 3:54 pm
@philipbeel, will this only work on a linux server ?
« Reply
philipbeel Reply:
February 23rd, 2010 at 4:51 pm
yes, it’s PHP based.
January 26th, 2010
great stuff, cool and nice article
« Reply
February 1st, 2010
The contact form does not work in IE6. The form is hidden but it affects the position of the surrounding html, this can be seen in the demo page. The words ” « Click the feedback link on the left ” appear at the top of the page in modern web browsers including IE7+ but in IE it appear further down the page, after the position of the form.
« Reply
February 1st, 2010
Thanks for the plugin.
« Reply
February 2nd, 2010
Great plugin, works nicely however I had a question, once the form has been submitted, how can we allow the form to be called again?
E.g. User clicks send, then the form closes, if the user clicks Feedback again, it loads again with all the form elements being displayed again and the success message gone.
It’s generally bad practice to only allow the user to leave feedback once and have to refresh the page to leave another piece of feedback.
Thanks in advance.
« Reply
philipbeel Reply:
February 2nd, 2010 at 8:54 am
@James, thanks for your suggestion. The plug-in does not allow people to send multiple feedback messages as to handle spammers. I see your point, but I do not feel the plug-in warrants this functionality on a general release. Please feel to recycle any of my code should you want to implement this feature on your own site.
« Reply
James Reply:
February 2nd, 2010 at 12:33 pm
@philipbeel, I understand, thanks for the reply. I don’t mean to sound cheeky but since I am fairly new to jQuery do you have any tips on how to implement this feature, I know how to do it from a CSS point of view (getting the feedback button back in view) but in terms of re-initialising the elements to be displayed and make them active again possibly on a “Send another message” click, how would I go about that. Are you aware of any jQuery functions which do this?
If I manage to get it working I’ll post the extra code here incase anyone else wanted to use it.
Thank you.
« Reply
philipbeel Reply:
February 2nd, 2010 at 12:40 pm
@James, Off the top of my head you would want to set hideOnSubmit: false, then set a timeout on the success callback, most of this can be done with with the .css() property. you would probably want to set the submit functions up as a .live() so you can use the function repeatedly. Good luck, let me know how you get on!
February 2nd, 2010
I recently made an open-source PHP contact form class which has a very similar name (and function) to this jQuery plugin. Take a look: http://contacular.co.uk/
« Reply
February 9th, 2010
Great plugin! Thanks for making this available and for making it so easy to use!
« Reply
February 9th, 2010
Hi, I just tried to install this on a WP 2.9.1 and it said “No Valid Header.” Is this usable with 2.9.1, or if not, are you planning to update? It looks great and I’d love to try it.
Thanks!
« Reply
philipbeel Reply:
February 9th, 2010 at 2:33 pm
@Valerie, The plugin is not tied to the wordpress CMS, but if you have having issues I would try looking at the headers. the plugin supports XHTML 1.0 strict. Thanks!
« Reply
Valerie Reply:
February 9th, 2010 at 3:24 pm
@philipbeel, D’oh! Silly me. I heard plugin and just assumed. Well, I just proved what happens when I do that, huh?
Thanks, I’ll take a look and see if I can figure out how to make it work.
« Reply
February 19th, 2010
Great work.But i do have a question.how could i make a contact form for my wordpress site without using plugins.ie i need one like in this site http://www.site5.com/wordpress-themes/ they use ajax based contact form.how could i add them to my site.
« Reply
philipbeel Reply:
February 19th, 2010 at 8:50 am
@TheShadow, It looks like the guys over at WP engineer have already come up with a solution:
http://wpengineer.com/contactable-contaktform-easy-with-wordpress/ hope this helps you out
« Reply
February 22nd, 2010
the code already inserted but pc prompt there is a virus??
any solution for that?i am using microsoft security essentials.
thank you for helping
« Reply
March 2nd, 2010
Can I use this for iweb? Like an html code, or is this completely different?
Thanks!
« Reply
March 3rd, 2010
This really tempting, tried a lot to integrate in my blog.
If you can provide a little steps, how to integrate with WordPress that would be great.
« Reply
philipbeel Reply:
March 4th, 2010 at 8:53 am
@imtiyaz, why not check out http://wpengineer.com/contactable-contaktform-easy-with-wordpress/ for a comprehensive guide on integrating contactable into a wordpress blog.
« Reply
imtiyaz Reply:
March 5th, 2010 at 4:25 pm
@philipbeel, thanks, I have just seen your reply, its a bit late I almost integrated the plugin with theme, I have certain issues, I placed mail.php in root of subdomain, If I use this path from demo programing running on local machine its working perfectly, but not from the integrated one, I almost blocked in thoughts. please throw me some insight, I just know a,b,c,d in php.
« Reply
philipbeel Reply:
March 5th, 2010 at 8:03 pm
@imtiyaz, why not check out http://wordpress.org/extend/plugins/rejected-magic-contact-rejected/ should all be done for you
March 4th, 2010
Very cool. Thanx for sharing.
« Reply
March 9th, 2010
Hey Philip
I am using your awesome plugin on my homepage and wanted to change the position
in height (so that the feedback logo is a bit lower) Could you tell me in wich line I can find the code? sorry if my english sounds strange… german
greetings
« Reply
philipbeel Reply:
March 9th, 2010 at 4:25 pm
@Julian, Hi, assuming you have not changed the naming convention you would want to change the #contactable in the css. the ‘top’ property is what defines the distance. Hope this helps
« Reply
March 11th, 2010
Hey Philip, thanks for making this great plugin. I modified it a bit to make it appear on the right side of the page, I have posted it on my blog. If you don’t mind, I would like to share it here too: http://www.sunarlim.com/2010/03/contactable-jquery-plugin-on-the-right-side-of-page/
« Reply
philipbeel Reply:
March 12th, 2010 at 9:01 am
@Michael Sunarlim, Brilliant, anything that aids to community is fine by me!
« Reply
March 12th, 2010
Hi,
Thanks for the excellent plug-in for WordPress. Can you let me know how to add this to HTML pages (instead of using the index.html in the download)? Is this (not plug-in, just code) works with Joomla CMS?. Any further details would be appreciated.
Have a wonderful weekend!
« Reply
philipbeel Reply:
March 12th, 2010 at 9:03 am
@Srinath Sadda, hey, the plugin will work with any PHP driven pages. I have no experience with Joomla so I could not say. There is a wordpress plugin if that helps http://wordpress.org/extend/plugins/rejected-magic-contact-rejected/
« Reply
Srinath Sadda Reply:
March 13th, 2010 at 8:25 pm
@philipbeel, Thanks for your quick reply. The plug-in works like a charm! I’ll try to integrate the code into Joomla CMS in coming days.
« Reply
March 13th, 2010
Thanks for the plugin – it’s fantastic!
« Reply
March 14th, 2010
im using it for my friend website. thank you.
« Reply
March 17th, 2010
how can i put the feed back button on the top of the page ?!
« Reply
philipbeel Reply:
March 18th, 2010 at 8:56 am
@bLu, Feel free to modify the plugin and CSS. You will need to tweak the animate function and the CSS. Good luck!
« Reply
March 31st, 2010
If I want to call the function two times on one page – one on the standard button that comes with the script, and another if a certain div is clicked (the second div has a different style), how do i go about doing this? thanks!
« Reply
philipbeel Reply:
March 31st, 2010 at 2:22 pm
@shira, with great difficulty. That goes a bit beyond the remit of the plugin. It should be do-able, but it would require quite a bit of re-writing.
« Reply
April 10th, 2010
cool! very easy to use THANKS A LOT!!
« Reply
April 11th, 2010
Thanks for this plugin.
« Reply
April 15th, 2010
Hi,
I am using this in my asp.net website & it is working fine, but I need to know that on click on SEND button, how can I execute my server side code.
Please help.
Thanks.
« Reply
philipbeel Reply:
April 16th, 2010 at 11:42 am
@Rahul, Hi you would need to remove the mail.php file and change the ajax call to point to your new file. doing a search for mail.php in the uncompressed version of the plugin will reveal it. Afraid I don’t use ASP.net so you are on your own from there.
« Reply
Ziv Reply:
October 9th, 2011 at 3:35 pm
@Rahul, Hi Did you manage eventually to make it work with asp /asp.net im having some troubles with it.
thanks
PS
philipbeel great Code thank you
« Reply
April 19th, 2010
Great plugin. Works perfect on Firefox/Vista. Thanks
« Reply
April 20th, 2010
Hi,
just thought to mention that for those who think your plugin demo site is not working, maybe they are blocking Google (i hear of more and more people who do so for a good reason (many good reasons). Personally i don’t think it’s a good idea to include the jquery from there, speed , ok, but Google should be left outside whenever possible, just my opinion
« Reply
April 24th, 2010
Hi, great plugin!
The following line is missing on my downloaded mail.php:
“mail(‘/*RECIPIENTS EMAIL ADDRESS HERE*/’, $subject, $contactMessage);”
How can I do to configure the recipient’s email address?
« Reply
April 27th, 2010
espectacular sos un genio de genios. Gracias mil
« Reply
April 27th, 2010
Very nice, thank you.
« Reply
April 29th, 2010
Hi, and thank you for sharing this nice work. I’m trying to add a autorespond.php but with no luck. This file is just supposed to send a html mail with $name and $emailAddr parsed.
If i add include ‘autorespond.php’ to the mail.php after the mail function i get the error “Sorry but your message….”, but it is working and both mails are sent correctly.
To correct this error message i have tried to insert include autorespond.php in jquery.contactable.js but i really don’t know how.
Do you have any guidence to solve my problem? Thank you.
« Reply
April 30th, 2010
hello,
i tried to install it, but allways coming up “ERROR”…
Not valid header…!!!!!! what i can i do now?
thanks
« Reply
May 2nd, 2010
I tried to use the plugin in an UTF-8-encoded page and got several issues with the mail-function in mail.php: international characters are not supported, by default the sender address it taken from the server php.ini-file instead of using the user’s email-address, the required email-header informations are missing so the email will by chance classified as spam by the email-provider.
I am not a programmer, but I got it working by changing in mail.php the line
mail(‘/*RECIPIENTS EMAIL ADDRESS HERE*/’, $subject, $contactMessage);
to
$headers = “From: $emailAddr\n”;
$headers .= “X-Mailer: PHP/ContactableContactForm\n”;
$headers .= “MIME-Version: 1.0\n”;
$headers .= “Content-type: text/plain; charset=utf-8\n”;
$headers .= “Content-Transfer-Encoding: quoted-printable\n”;
mail(‘/*RECIPIENTS EMAIL ADDRESS HERE*/’, $subject, $contactMessage, $headers);
It adds a basic “$headers”-array and uses the given user’s email-address.
It works fine for me, but I don’t know whether is makes the function insecure.
Thanks
Juergen
« Reply
May 5th, 2010
Hello,
I think there is a bug in the “jquery.contactable.js” line 34, it is where Form is constructed. Note that labels for elements are hard-coded there and therefore “defaults” array doesn’t apply.
Best
« Reply
May 12th, 2010
muchas gracias por el fomulario…
« Reply
May 14th, 2010
hello i did everything but it’s still not working i customized that a little bit look more like mine site you can see it at: http://www.crearedevelopment.co.cc
and tell me what is wrong!
« Reply
philipbeel Reply:
May 14th, 2010 at 11:39 am
@Khuram Malik, Hello, Contactable looks great there. if you open firebug and view the repsonse tab you will see it has an error: Email entered is not valid. Did you change the mail.php file much?
Also can you tell me what version you are running on the site?
« Reply
May 26th, 2010
Thats one fine example of what CSS can do ! I am so impressed, I am adding this tutorial to my CSS aggregator site. Hope you dont mind.
« Reply
May 29th, 2010
hey there… this plugin works like a charm.. i’d like to thank you first
but in ie6.. this is how it looks for me..
pls help !!
http://tweetphoto.com/24506877
http://tweetphoto.com/24506913
this is how it looks
« Reply
June 3rd, 2010
nice work! thx!
« Reply
Mak Reply:
June 6th, 2010 at 3:55 pm
How i can change encoding (to utf-8 or windows-1251). On my email i have this: п║п©п╬я─я┌
« Reply
June 7th, 2010
Hey there,
How do i set up an auto responce with this form?
Cheers,
Ross
« Reply
June 20th, 2010
Hello
I have some javascript code in my page and when I moves one, the other does not work, then I think we should put them in some way but I do not know how.
can someone help me put them in order for it to work all.
thank you
Studio RD
$.noConflict();
// Code that uses other library’s $ can follow here.
$(function() {
$(‘#gal1 a’).lightBox();
$(‘#gal2 a’).lightBox();
$(‘#gal3 a’).lightBox();
});
/**/
$(‘div#footerBt’).click(
function() {
$(‘#footerContent’).animate({“marginBottom”: “-=45px”}, “slow”);
$(this).animate({“marginBottom”: “-=45px”}, “slow”).animate({“marginBottom”: “+=5px”}, “fast”);
$(‘#fotplug’).hide(‘slow’);
});
#content {
background-color:#FDFDFD;
border-left:2px solid #333333;
border-right:2px solid #333333;
margin:0 auto 0;
padding:10px;
position:relative;
width:930px;
height:100%;
}
$(function(){
$(‘#contact’).contactable({
subject: ‘A Feeback Message’
});
});
« Reply
June 20th, 2010
here the complete code
Studio RD
$.noConflict();
// Code that uses other library’s $ can follow here.
$(function() {
$(‘#gal1 a’).lightBox();
$(‘#gal2 a’).lightBox();
$(‘#gal3 a’).lightBox();
});
/**/
$(‘div#footerBt’).click(
function() {
$(‘#footerContent’).animate({“marginBottom”: “-=45px”}, “slow”);
$(this).animate({“marginBottom”: “-=45px”}, “slow”).animate({“marginBottom”: “+=5px”}, “fast”);
$(‘#fotplug’).hide(‘slow’);
});
#content {
background-color:#FDFDFD;
border-left:2px solid #333333;
border-right:2px solid #333333;
margin:0 auto 0;
padding:10px;
position:relative;
width:930px;
height:100%;
}
$(function(){
$(‘#contact’).contactable({
subject: ‘A Feeback Message’
});
});
« Reply
June 20th, 2010
Studio RD
$.noConflict();
// Code that uses other library’s $ can follow here.
$(function() {
$(‘#gal1 a’).lightBox();
$(‘#gal2 a’).lightBox();
$(‘#gal3 a’).lightBox();
});
« Reply
June 20th, 2010
/**/
$(‘div#footerBt’).click(
function() {
$(‘#footerContent’).animate({“marginBottom”: “-=45px”}, “slow”);
$(this).animate({“marginBottom”: “-=45px”}, “slow”).animate({“marginBottom”: “+=5px”}, “fast”);
$(‘#fotplug’).hide(‘slow’);
});
#content {
background-color:#FDFDFD;
border-left:2px solid #333333;
border-right:2px solid #333333;
margin:0 auto 0;
padding:10px;
position:relative;
width:930px;
height:100%;
}
$(function(){
$(‘#contact’).contactable({
subject: ‘A Feeback Message’
});
});
« Reply
June 22nd, 2010
Hey,
I’m trying to the form to work on my site, I changed it to sit on the page and not slide in, but when I try to submit a message online, it will not send, it just keeps spinning the loader image around and around. I have looked under firebug, and it says it’s OK, please have a look and see. I’m sure it’s something simple I have wrong I just can’t find it. Any ideas from anybody?
« Reply
philipbeel Reply:
June 22nd, 2010 at 2:49 pm
@Frank, The plugin is wrapped into the slider, so thats probably where its falling over. You might be better starting over using something like http://bassistance.de/jquery-plugins/jquery-plugin-validation/ with an ajax tie in, like I have done on my contact page http://theodin.co.uk/contact (check the code in firebug)
« Reply
Frank Reply:
June 23rd, 2010 at 2:50 am
@philipbeel, Thanks, I’ll give it a try. Bye.
« Reply
July 9th, 2010
I need one more field (phone), is there possible?
Thanks anyway for this plugin, very useful!
« Reply
philipbeel Reply:
July 9th, 2010 at 2:20 pm
@Edmundo Junior, yes this should be possible, you will need to change a couple of parts of the plugin to do this:
- add the extra input field where the form in drawnin the plugin
- add an extra validation rule to the ID of the form field (if this field is mandatory)
- add the $(‘#ID’).val() into the ajax request in in the submithandler function to pass it into the mail.php page
- finally ammend the mail.php file to pull out your new $_REQUEST[] data and put this into the mail function.
I hope this helps you out!
« Reply
Edmundo Junior Reply:
July 12th, 2010 at 6:45 pm
@philipbeel, Thanks man! Help me a lot, lucky I was doing exactly that!
« Reply
July 9th, 2010
Great tutorial, but ‘ I’m pulling my hair out, i keep getting error message: Sorry but your message could not be sent, try again later..I know I am doing something stupid but can’t figure out what, help!
« Reply
John Reply:
July 9th, 2010 at 4:39 pm
@John, it’s okay, i was having a brain dead moment, sorted now. Thanks for this lovely piece of work, kudos!
« Reply
philipbeel Reply:
July 9th, 2010 at 4:41 pm
@John, Hi John, do you have a link to the page you are trying to get the plugin to work on? If are using firefox, try using firebug to check what the ajax request is sending. Are you using a Linux server? Are you sure the mail.php is on the right level of the directory? Let me know how you get on.
« Reply
John Reply:
July 10th, 2010 at 11:10 am
@philipbeel, thanks philip, as i said, i was just having a blonde moment, i think i have it sorted now. Just looking now at making it more secure. I wanted to say thanks a million, i’m new to this type of work and i found your tutorial very useful so thanks for taking the time to helps us beginners out
« Reply
Derek Reply:
July 11th, 2012 at 5:04 pm
@John, It would be nice for everyone else who has the same problem to explain what you did to fix it. thanks
David Reply:
August 18th, 2012 at 7:34 pm
Can anyone suggest how I can implement captcha to this form? Thx
« Reply
July 11th, 2010
Hi, can i use this in my commercial projects & can i distribute this (credit is already there’s in your source) so plz tell me, thanks
« Reply
philipbeel Reply:
July 12th, 2010 at 8:54 am
@prathap, Yes, as long as the commercial project has no miscellaneous purposes thats fine!
« Reply
July 12th, 2010
Don’t work anymore, you know why?
The message apears to be send, I receive the sucess callback but don’t go to my e-mail, and I tried different accounts :/
Help me please!
« Reply
July 12th, 2010
http://www.andersonprockt.com.br/faleconosco.html
Here is the form that don’t send the e-mails, please help me if you can :/
« Reply
philipbeel Reply:
July 13th, 2010 at 9:46 am
@Edmundo Junior, Ok I checked out the site (which looks great) and the request is all firing off correctly, so iy might be your PHP install on the server. Something to try is the in the mail() funciton is add an argument on the end like mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: your@address.co.uk‘); to see if this fixes it!
« Reply
Edmundo Junior Reply:
July 14th, 2010 at 3:01 pm
@philipbeel, MAN! IT WORKS! THANK YOU!
I’m pounding headache since yesterday all day and had failed to resolve.
I just add the ‘From’ in the end and works perfectly
Great plugin! I use this in various websites
« Reply
Edmundo Junior Reply:
July 14th, 2010 at 3:24 pm
@philipbeel, Sorry bother you again man, but I have a doubt:
There’s someway to add in the From the $emailAddr? I try but nothing work, and I don’t know almost nothing PHP.
My tries:
mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: $emailAddr’);
mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: email’);
Suggestions?
Ps.: sorry for my bad english
« Reply
philipbeel Reply:
July 14th, 2010 at 4:45 pm
@Edmundo Junior, To my knowledge this is not possible as the server is actually sending the email, so the from sender will be the server address. If you want to bypass this you might be able to do so with a mailer SMTP class or something like that.
July 15th, 2010
i have these: Uncaught TypeError: Object # has no method ‘contactable’
can anybody help me?
« Reply
July 15th, 2010
Very weird thing on my site.
The message gets sent, but still I get a “Sorry but your message could not be sent, try again later” ….
this line looks good nonetheless :
if( data == ‘success’) {
$(‘#callback’).show().append(defaults.recievedMsg);
« Reply
July 16th, 2010
The plugin is really amazing, but I still have one problem. The plugin has styles applied to all elements like:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
I have my own styles on pages which I don’t want to be overwritten. Is there any way to workaround this problem?
Thanks in advance.
« Reply
July 19th, 2010
I have this form in my site but when I try to send the message it came up with ‘Sorry but your message could not be sent, try again later’ then I went to open jquery.contactable.js file then changed $.post(‘mail.php’ to$.post(‘../mail.php’ as I had the mail.php file on the root and javascript file in js folder. But now I have an issue where the loading image shows up but it stops from here and nothing gets sent. I am pulling my hair out now. Somebody please help!!!
« Reply
philipbeel Reply:
July 19th, 2010 at 12:23 pm
@Jae Choi, You should ideally put the mail.php in the top level of your directory structure. The plugin assumes you are running PHP on your server. Do you have firebug on? if so open up the console, when you hit send check that the ajax call executes successfully, this will also give you the path that the mail.php file is being called from. It may be that you are calling the path incorrectly and that is why you are getting the message back.
« Reply
July 20th, 2010
@philipbeel, loading image shows up and it just remains there. It does not send any emails… Any ideas?
« Reply
philipbeel Reply:
July 20th, 2010 at 5:10 pm
@Jae Choi, try changing the mail() call with an extra param on the end like so mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: email’);
« Reply
Jae Choi Reply:
July 21st, 2010 at 3:56 am
@philipbeel, it’s strangly not working still. Please have a look at my site http://www.favstay.com/Joomla/
Please let me know if you can find any issues.
Thank you!
« Reply
philipbeel Reply:
July 21st, 2010 at 8:56 am
@Jae Choi, It’s as I thought your mail.php is not being sourced correctly: http://www.favstay.com/Joomla/mail.php returns a 404 errror. you can change where the $.post() submits to in the plugin itself.
Jae Choi Reply:
July 22nd, 2010 at 2:44 am
@philipbeel, I have hardcoded the mail address to check if mail() function is working but now I am getting this error. What can I do to resolve this issue? Warning: mail() [function.mail]: Failed to connect to mailserver at “localhost” port 25, verify your “SMTP” and “smtp_port” setting in php.ini or use ini_set() in…
Thank you very much for your help!
philipbeel Reply:
July 22nd, 2010 at 9:09 am
@Jae Choi, You will need to check your php.ini file to make sure it is configured for you to use mail() You will need to speak to your host about this.
July 30th, 2010
Nice, but not everyone uses PHP, so the target URL should be an option (defaulted to mail.php) instead of hardcoded, so that people can build another mail script in whatever serverside language…
« Reply
philipbeel Reply:
July 30th, 2010 at 11:58 am
@Marcus Tucker, Good suggestion. I am going to move the code over to GitHub soon so if people have suggestions etc for improving the code they can get involved with it.
« Reply
August 10th, 2010
Thanks for sharing your brilliant idea
« Reply
August 12th, 2010
awesome
« Reply
August 24th, 2010
Great work! Thanks for guys like you – this is very very nice to have everyging in one place!
« Reply
September 1st, 2010
Great work! Thx a lot!
But when I press send, only the loading gif appears and keeps staying. I changed the adrees in the mail.php and don’t know what else to do. Any suggestions?
Thanks and take care
Steffen
« Reply
Steffen Reply:
September 1st, 2010 at 12:33 pm
@Steffen, yo I solved it. mail.php was in wrong directory. Anaway thx to all!
« Reply
September 1st, 2010
hey cool code! but alas i cannot get it to work on this page:
http://lyraedesign.com/barkow/model_2/
any clues why?
« Reply
marcus Reply:
September 1st, 2010 at 4:04 pm
( by the way i keep getting the error message: “Sorry but your message could not be sent, try again later” )
« Reply
philipbeel Reply:
September 1st, 2010 at 5:20 pm
@marcus, Hi I had a look at your your site and in the firebug console the error returned is “An invalid email address was entered” have you made any modifications to the PHP file at all? Do you know what version of contactable you are using?
« Reply
marcus Reply:
September 3rd, 2010 at 12:40 am
@philipbeel, dude i really appreciate the feedback .. THANKS.
1) i’m using contactable version 1.0 because i really like the look of the pop-out contact module (silver etc) .. i tried making the latest version of contactable look like that but it was too difficult so stuck with version 1.0. i use a mac (os 10.4.11), with firefox, safari as my main browsers to view my work.
2) the only modification to the mail.php file i made was entering my email addy (maybe i did it incorrectly).
3) i’ve uploaded a copy of the site (1.6mb) to my server as a zip file that you can download so you can go into the entire site and view the files to test it, here:
http://lyraedesign.com/contactable/
THANK YOU [=
September 9th, 2010
I have used this a bunch of times and had no problems. When I dropped in this site: http://www.soniksystem.com/index_2.html it broke. It displays a grey box over the form. http://www.soniksystem.com/contactable/index.html is how it should display…
« Reply
philipbeel Reply:
September 9th, 2010 at 9:16 am
@SONiK it looks like a conflict with the CSS, I would adivse looking at the textarea styling and working backl from there.
« Reply
September 9th, 2010
this is my wanted..:) thanks
but i want to set a colorbox with the feedback.
« Reply
October 12th, 2010
Thanks Phil! I used this on my website at http://www.clickstreammarketing.ca and it works beautifully. Can it be launched from another link like the contact link?
« Reply
October 15th, 2010
nice code thanks
« Reply
October 25th, 2010
Love it, looks great on my site. Only one problem, I have followed all the directions, I’ve tested it all seems to be fine although the emails don’t come through to my email account? I’ve put the email address where it is suppose to be, and the mail.php at the top of the server but still don’t receive any mail through from it? any idea?
« Reply
philipbeel Reply:
October 25th, 2010 at 12:01 pm
@Ben Millar, Hey are you sure you are running a on a PHP enabled host?
« Reply
ben millar Reply:
October 25th, 2010 at 3:50 pm
@philipbeel, thanks for getting back to me, errm, I’m not sure, I don’t have any experience with PHP files, I have a re-seller hosting account, so I can change my hosting package or settings,is there something I need to enable in there?
Cheers
Ben
« Reply
philipbeel Reply:
October 25th, 2010 at 3:53 pm
@ben millar, the contactable plugin relies on you running PHP so as long as you are running Linux hosting you should be alright. Would be worth checking with your host though
October 25th, 2010
@philipbeel hi, yes I am running on a Linux server, can’t work it out I’ve even tried uploading the exact contactable file to my server only adding and email address in the PHP and still it doesn’t seem to work..
« Reply
philipbeel Reply:
October 25th, 2010 at 4:19 pm
@ben millar, hmm then thats very odd. What does firebug shows the success callback in the console which is even more unusual. What email address are you sending the form to?
« Reply
ben millar Reply:
October 25th, 2010 at 4:34 pm
@philipbeel, I’ve tried using different ones, tried my freelance address contact@bmdesignonline.co.uk and my hotmail address and none seem to work..
« Reply
October 29th, 2010
@philipbeel
Great work, thank you!
I’m using it for my webpage, everything is working fine but … if you insert your name, email adresse and so on … after you click on send button … it doesn’t send. Theres only the red circle to see, just like the hourglass in windows.
I don’t know what to do …
« Reply
October 29th, 2010
Great, i solved the problem with the firebug console. The server wasn’t finding the mail.php.
« Reply
DAvid Reply:
November 9th, 2010 at 4:56 am
@Basti,
How did you fix the infinite load thing? I send the message and the circle just keeps spiraling for ever?
« Reply
November 5th, 2010
I have a problem with sending mails…i couldn’t get any after form submision…could you help me ?
mail.php – in the root
all configured
site – http://lirikin.myownfreeweb.com/ ….. test area ))
« Reply
November 11th, 2010
Nice Work!
But I have a problem with addings new custom fields like for example “Website” to the form.
I can add the field but when I click Send the whole form resets and no email is send.
I just don´t get it… can somebody help?
« Reply
November 12th, 2010
Hey Philip great script I just have a few problems and if you can help me that would be great.
First this script “loads” perfectly on all broswers but for some reason on Chrome and Safari (Windows) it doesnt “send” the actual e-mail and I get the “Sorry but your message could not be sent, try again later”
The second and last problem is in IE (Internet Explorer), The feedback bar doesnt scroll down as you scroll down the page like it does in all the other browsers.
Would you happen to know how I can fix this?
Operating System:
Windows XP
Firefox 3.6, IE 7, Google Chrome (newest version), Safari (newest version)
Thank you very much
« Reply
November 14th, 2010
great plugin! thanks
« Reply
November 14th, 2010
Excellent and simple contact/feedback form but how secure it the mail.php file?
« Reply
November 17th, 2010
How do you translate things ?
« Reply
philipbeel Reply:
November 18th, 2010 at 11:41 am
@toutpt, the contactable plugin does not handle translations. Although this functionaity would be straight forward to impliment.
« Reply
November 18th, 2010
That is great! Thanks!
PS. The box will be a killer if you put a transperent background XD
« Reply
November 23rd, 2010
Very neat, I’ve been looking for a simple code to manage this !!! Thanks
« Reply
November 23rd, 2010
Feedback bar is hidden once the user submits the feedback.
I think it should be always visible.
« Reply
philipbeel Reply:
November 23rd, 2010 at 8:27 pm
@Tej, Thanks for the feedback, and whilst I can see your point, I quite like this feature as it stops site spam. Please feel free to fork this, all considerations welcome https://github.com/philipbeel/contactable/tree/master/contactable/
« Reply
November 25th, 2010
Hi, when i try to send a message with your index.php, i get the error message : “Sorry but your message could not be sent, try again later” . For information i have replace the /*RECIPIENTS EMAIL ADDRESS HERE*/ by my email.
Use on FF 3.6 and Chrome.
Have you a trick for me ?
« Reply
philipbeel Reply:
November 25th, 2010 at 9:26 am
@User, do you have firebug installed on FF, if so check the console when you submit the form, you should see the ajax request being fired off. Make sure this is being located correctly.
« Reply
leo Reply:
December 23rd, 2010 at 3:47 am
@philipbeel, same problem here. This is what firebug shows:
Fatal error: Call to undefined function: filter_var() in /homepages/43/d348921651/htdocs/mail.php on line 10
this is line 10:
if(filter_var($emailAddr, FILTER_VALIDATE_EMAIL) )
« Reply
philip beel Reply:
December 23rd, 2010 at 8:58 am
@leo, What version of PHP are you running, you need 5.2.0 or higher. I have changed the plugin to use this instead of eregi() as it is depreciated in later versions.
Chris Reply:
January 1st, 2011 at 8:09 pm
@philipbeel, Hi, I’m getting the same thing – I’m positive it’s something stupid I’ve missed out but can’t figure it out. I’ve added my own e-mail address and definitely running PHP 5.2. Firebug shows -
Warning: mail() [function.mail]: “sendmail_from” not set in php.ini or custom “From:” header missing in C:HostingSpacesluckettfour-corners.org.ukwwwrootmail.php on line 12
success
« Reply
Chris Reply:
January 3rd, 2011 at 4:47 pm
Sorry – I found my mistake on the php.net website – I had to modify the mail.php file to contain a “from” header. Works fine now thanks!
http://uk.php.net/manual/en/function.mail.php
December 6th, 2010
Hello, I read a comment here about adding a date picker. How feasible is the idea?
« Reply
December 13th, 2010
Hey Phil, great stuff! i wanted to know how I could add recaptcha to this or if you could release an update with an optional recaptcha setting.
« Reply
philip beel Reply:
December 13th, 2010 at 5:19 pm
@Chris, Hi, you could do this, although its not really within the scope of the plugin, I believe I have seen modified versions of this plugin around with CAPATCHA, you would probably need to incorperate another plugin with contactable and then change the validation rules.
« Reply
Jacob Reply:
December 14th, 2010 at 3:36 am
@philip beel, Hey Philip great job man Its been hard trying to ask you a question. I wanted to know why my form works across all browsers except IE.
I tested on IE7 and IE8 for some reason when I click on send after entering all the information in the form the page just reloads and I see this in the url box
“http://mydomainname.com/?name=jacob&email=apple@yahoo.com&comment=654uhihguguy”
Also can you implement some code on how to add check boxes and drop down selections to your form. Sorry as I am new to the HTML world.
« Reply
philip beel Reply:
December 14th, 2010 at 7:31 am
@Jacob, Thanks for highlighting a potential issue with the plugin in IE. I will investigate this further. As for your other request this falls outside of the scope for this plugin, but feel free to modify the plugin to suite your own needs as long as you keep the credits in the top.
December 20th, 2010
Hi, I have followed all the steps and when I click send I am just getting the loading image. What could I have done wrong?
« Reply
philip beel Reply:
December 20th, 2010 at 12:01 pm
@Colin, do you have this running on a PHP server? It should be noted this won’t work if you run it from your desktop.
« Reply
January 1st, 2011
I had this implemented on my site and working fine, until the design was changed. Now nothing shows, there are no javascript errors and I can’t see what the problem might be.
I had quite a few divs with the class ‘holder’ that were clashing with the css, so I changed every instance of holder in the contactable js and css to holder_contact. It obviously stopped the clash, but still no form appears.
Any ideas? Are there any divs that are vital that may have ambiguous names (you should change this btw, put a prefix on the id and class names) that I can try? Neither the wordpress plugin or the normal ones work. I’ve tried various jquery versions
« Reply
January 4th, 2011
the contact form will not work!!!
« Reply
January 4th, 2011
Hi,
Thanks for creating an excellent plug-in. Is it possible to activate the contact form from another link on the page (say a contact link in the page text)?
« Reply
January 4th, 2011
Hi,
I’m running into a problem with IE 7 and 8 – the form works fine except that the characters typed into the fields are invisible. If I click send, I receive the email but I can’t see what I’m typing into the form. Have you run into this before?
Also, is it possible to keep the form tab from disappearing off the page after it slides closed?
Thanks.
« Reply
shaun Reply:
January 6th, 2011 at 10:58 pm
@irshaad,
irshad i cant even get it to work can you help me please????
« Reply
January 6th, 2011
can you tell me why the contact form isnt working please
« Reply
January 9th, 2011
Doesn’t seem to work for me. I took your entire example, uploaded it to my server. Changed the mail.php line 12 to my email. When I try to submit the form, i get Sorry but your message could not be sent, try again later. Don’t understand why it wont work.
« Reply
Taylor Reply:
January 9th, 2011 at 10:57 pm
@Taylor, NM I rewrote the mail.php file with one of my old formats and now it works. For some reason it didn’t like your mail.php file. weird. Thank you for the plugin! Great work.
« Reply
philip beel Reply:
January 10th, 2011 at 8:55 am
@Taylor, A few people have been experiencing issues with the contact form, depending on the version of PHP being run. I will look at a best fit for both scinarios.
« Reply
January 11th, 2011
Hey, I rewrote some of the code so that the user could create a custom recipient field using your form.
Add Custom Recipient Field to Contactable Contact Form
« Reply
philip beel Reply:
January 12th, 2011 at 11:08 am
Awesome I need to update the plugin so I will certainly look at adding this into the next version.
« Reply
January 13th, 2011
I love this contact form but I am having a slight issue. I keep getting the message not sent error but it still sends the emails to my account as if it was a success. the contact form doesn’t slide in automatically either. I checked firebug and it says it was a success so I’m stuck. Also, I’m still confused on everyone saying that the mail.php has to be in the top level of your server. I have my mail.php file in the web root (public_html) directory. Is that the correct place to put it?
« Reply
philip beel Reply:
January 13th, 2011 at 9:05 am
@Richard, Hi You have your PHP file in the right location. I am perplexed as to why the animation would not complete. Do you have a link where this is happening so I can better understand it?
« Reply
Richard Reply:
January 13th, 2011 at 7:46 pm
@philip beel, I updated to the newest version of the plug-in and everything works great now. I don’t know why it was broken before but the update seemed to fix it. great plug in!! you can check it out how I have it in use here at http://ingeniouseighty.com/contact.html
« Reply
January 13th, 2011
Works perfectly, except in Chrome, for some reason?
« Reply
January 13th, 2011
Ah, nevermind, needed to alter mail.php with headers as described above.
« Reply
January 13th, 2011
Hi!
How exactly mail.php is secured from overmailing?
« Reply
philip beel Reply:
January 14th, 2011 at 11:16 am
@Zamber, I am open to suggestions!?
« Reply
Zamber Reply:
January 15th, 2011 at 10:01 am
@philip beel, for now a simple iMacros macro would let anyone send a extensive load of messages flooding the valuable ones.
.
Captha would be most sensible and bulletproof but my current client said that he hates it so that leaves some PHP ip blocking and/or multiple-posting delay.
http://www.fastsecurecontactform.com/ looks like a nice backend but I would have to go further than reading the main page ;P.
I’ll let you know if I find some sensible alternative for captha or I’ll try to convince my client that it’s necessary
« Reply
philip beel Reply:
January 15th, 2011 at 1:33 pm
@Zamber, That sounds excellent. I have been thinking about giving contactable a face lift I want to address some of the underlying PHP issues with version support for email checking. I will have a look through your suggestion
January 15th, 2011
Wow that is a really awesome plugin! I have already used it on a ton of websites. I do have one question though. If I want to use my own service to submit the forms (i.e. emailmeform.com), how should I go about adding in my methods and such for submitting the form so the plugin does not use mail.php? For some reason, I added this: over the place of where the form starts and the ajax loader just keeps going and it never sends.I thought it might have something to do with mail.php, although I’m really not sure.
Any ideas?
Btw, thanks again for making this addon and keeping it updated, I’m sure it took a lot of time.
« Reply
Jeremiah Reply:
January 15th, 2011 at 4:58 am
@Jeremiah,
I just realized that I can’t use html! This is the code I added where the form tag starts:
START HTMLform id=”emf-form” enctype=”multipart/form-data” method=”post” action=”http://www.emailmeform.com/builder/form/HQgL3qp52cNA08TWb0sc9e5M” name=”emf-form” END HTML
Thanks!
« Reply
January 22nd, 2011
Thanks for great resource.
« Reply
January 24th, 2011
Hey,
i tried to put the script in my xt:Commerce eShop..
Safari DevKit shows me this Error:
TypeError: Result of expression ‘$(‘#contact’).contactable’ [undefined] is not a function.
I have absolutely no idea what’s wrong here..
« Reply
philip beel Reply:
January 24th, 2011 at 4:27 pm
@marc, sounds like its not picking up the contactable js file. Check that you are sourcing it in correctly
« Reply
January 31st, 2011
Thanks for the plugin…
« Reply
February 6th, 2011
not working for me, Sorry but your message could not be sent, try again later
http://smsfever.in/1index.html
« Reply
February 10th, 2011
I couldn’t get it to work as well. I had a error, $(“#contact”).contactable is not a function
« Reply
philip beel Reply:
February 10th, 2011 at 3:59 pm
@Ryan, sounds like your not sourcing in the plugin correctly. I would check this in the net tab of firebug to be sure.
« Reply
February 15th, 2011
Hey there. Just wondering if you got the security issue sorted out on the mail.php file. I’m getting spam
« Reply
February 17th, 2011
Thank you very much! Great plugin!
« Reply
February 21st, 2011
Got the plugin to work except for one thing. Messages are sending but the web form returns a “Sorry but your message could not be sent, try again later” response instead of the success response. Any ideas on what might be wrong?
« Reply
Phil Reply:
February 21st, 2011 at 11:27 pm
@Phil,
No longer needed. Thanks!
« Reply
Joe Reply:
October 26th, 2011 at 1:09 pm
@Phil, I’m having this exact same issue, working sometimes and not others – how did you solve it? many thanks in advance!
« Reply
February 22nd, 2011
Too cool an information. Thanks.
« Reply
February 25th, 2011
Hello. Great contact form, but I have an issue. Why am I seeing “anonymous@q0.netfirms.com” in the From section in my email program? Can the users real email not be sent via this form?
« Reply
Chris Hendrickson Reply:
February 25th, 2011 at 11:10 pm
Sorry, what I mean to say is, can the contact form not have the email sender’s email address show up in the From section of my email program instead of having it in the body of the contact form? A simple Reply would then work instead of having to click on the email tag in the body of the message. Make sense?
« Reply
February 26th, 2011
Hello,
The plugins great….but can we have an option where we can put custom code to the slider, the reason i say so is that suppose i need to have live chat option on the slider then that would be possible.
« Reply
February 26th, 2011
i keep getting the following error when i am installing the 1.3 version in wordress 3.1
The plugin does not have a valid header.
« Reply
February 28th, 2011
hello,
Can anyone update the post asap………..
« Reply
March 2nd, 2011
Can anyone update the post asap………..
« Reply
March 5th, 2011
hi please can you help?
i had this working fine, now all of a sudden i have the Sorry but your message could not be sent, try again later error and no mail sent.
dont know wat to do. any help would be great thnx
« Reply
March 9th, 2011
Hey Philip, i really enjoyed the amazing form that you created.
I could add it to my site, the Hebrew version (I speak only Hebrew, and I use Google to contribute to write to you, so, I hope you understand what I wrote.)
But I have a problem, although I am filling the entire form. I always get the message there is a problem. Can you help me?
I uploaded the file to my server that supports php and I did everything right (it seems to me) I copied all the files in application’s directory chained form php email information changed, visually it looks great, but unfortunately it did not work for me.
Please help me
« Reply
March 13th, 2011
Nice script. Thanks!
« Reply
March 14th, 2011
Great plugin, I’m using it on my web site.
« Reply
March 14th, 2011
Hey there,
Ive been trying to make your plugin work on my site, but it seems im doing a mistake , cause I just get the “sory your message could not be sent” message everytime and emails dont arrive.
….I followed every step, I might be having something wrong….
could you check it please? …. i istalled it in http://www.add40.fr/accueil.html .
a little bit of help would be reaaally appreciated.
(great job by the why, cnt wait to get it working)
« Reply
March 18th, 2011
Hi Phillip.
I just step in here and set up the plugin and kind of works. Kind of, because even the email is sent and arrived successfully , I got the “sory your message cou…” error.
I noticed in the whole comment section many people had the same issue but unfortunately none of them was kind enough to offer a solution or any comment about it. On the other hand, this seems to be a recurrent problem. Maybe you can give us a little help on this issue.
I had to add the from because of my server need a valid account, I also added reply-to and no difference with this headers, the error message still appears.
Other things I noticed. I download the version from this page and you mentioned is 1.3, the file shows that but the version in the js is contactable 1.2.1
Thank you very much for this plugin, It’s very nice.
Works for a lot of people and I am sure this is just a minor issue to solve.
« Reply
Dan Reply:
April 13th, 2011 at 11:47 pm
@notuo, Hi, did you manage to solve this? I have tried everything and still get the “Sorry but you message cannot be sent”
« Reply
March 20th, 2011
Hi, philip, Great work! But I have one little issue. It doesnt work in Opera at all, or just for me?
I’ve tested it in all major browsers and everything works fine except opera. I have Windows 7 with 32 bit Opera and every try to send a message ends with Sorry, message cannot be delivered… and no email comes to my mailbox. Please check this : http://domceky.eu/_redizajn2011/index.html
« Reply
March 24th, 2011
Hello,
I’m trying to add this to my vbulletin forums. I tried to add this into my FORUMHOME template but nothing displays.
I’m using this code from the demo’s source code:
$(function(){$(‘#contactable’).contactable({subject: ‘feedback URL:’+location.href});});
« Reply
March 29th, 2011
i have using your script but i am unable to configue mail script.
and mails are not send by it.
please mail me relevant configuration of SMTP and your script.
« Reply
April 1st, 2011
Hey philip, we have been waiting for an update from your end for quite some time :
i keep getting the following error when i am installing the 1.3 version in wordress 3.1
The plugin does not have a valid header.
Also the plugin doesnt work properly for my wordpress template it mozzila firefox and IE. It works fine is chrome and opera.
Also the plugin in wordpress shows as 0.3 verision and the one downlaoded from your site shows 1.2 version. Would request you to kindly upload the new version.
« Reply
April 2nd, 2011
where do I add this section
$(function(){
$(‘#contact’).contactable({
subject: ‘A Feeback Message’
});
});
« Reply
April 15th, 2011
Hello,
This is nice feedback form, i want chat window like feedback,
Thanks you.
« Reply
April 16th, 2011
Hi
This is not working for my website. I made everything as you said, but nothing
Can you help me with an advice please?
« Reply
April 17th, 2011
Please ,fiz this problem:
when try send message return this error Sorry, your message could not be sent, try again
« Reply
April 19th, 2011
IT’ S A GOOD ARTICLE
« Reply
April 21st, 2011
Great plugin but is it seems not to be protected from bot spamming. How can I add to this a captcha like: 2+3= ?
« Reply
April 22nd, 2011
it doesnt seem to work with the latest version of jquery v 1.4.4. Are you planning to update this?
« Reply
April 23rd, 2011
I like this plugin a lot and instead of emailing I use it to generate database entries. The problem is it doesn’t work when I use the require_once() PHP function to pipe in the database connection information. If I copy in the code from the script for the database connection it works just fine. Any thoughts?
« Reply
April 29th, 2011
Just what I needed. THANKS!
« Reply
April 29th, 2011
Hey can you provide this for jquery 1.4.2 plugin
« Reply
May 3rd, 2011
thanks for codes
« Reply
May 10th, 2011
nice button but ie fix problem……….
« Reply
May 13th, 2011
For people having problems like “message could not be send” or are new to jQuery and need a more detailed example. I made a free template available of my own website with a.o Contactable pre set up. It’s a direct copy of my root in a .rar file (minus my images and text) and i made notes about what is what. I did this a.o. as a little thank you to Philip for this great plugin and i hope it helps some people. You can find the download link on this page: http://andredewijze.com/template.php
« Reply
Fab Reply:
May 13th, 2011 at 1:45 pm
@André,
First i would like to thank you Philip for this jquery plugin and André for your template. Sorry for my english i m not a fluent speaker…
So i ve got a problem, whatever i do, it doesn’t work. Each time i ve got this message :
“Sorry but your message could not be sent, try again later”.
I took this part of code, put it at the beginning of my server (near the www file) :
I put my adresse at the end : contact@mysite.com, but it still doesn’t work.
Do you have an idea of what can i do? I m not a developper, i m just learning so it’s a bit difficult…
Thank you very much !!
« Reply
subo Reply:
May 23rd, 2011 at 10:24 am
@André, i followedur template and added the contactable template with requisite .css and .js under the root in a contactable folder and placed my mail.php file in root directory but still the .notRecivedMsg is activated when the send button is clicked. I am doing something wrong any suggestions.
« Reply
Andre Reply:
May 30th, 2011 at 4:15 am
@subo, Did you upload my template on your root the way i made it? Or do you have some files in places where i do not have them? Because my .css file is not in my contactable folder! Did you use my .js files or the originals by Philip? Please try my template just as i made it to see if that works at all. If not you will have to look at the setup of your server. And let me know if you make a new post plz.
« Reply
May 13th, 2011
Ohh and this is the error in firebug when i lauch my script :
POST http://yourserverhere.com/contactable/mail.php 302 foud
Thanks
« Reply
May 14th, 2011
@Fab, I believe the error is telling you that the mail.php file was not found in the folder where the .js files were looking for it. That is why i made a template available with Contactable set up. Compare your .js files and folder structure with mine. Or try uploading my template to your root in the exact way i packed it, to see if it works then (don’t forget to change your email in mail.php when you test it).
« Reply
May 17th, 2011
Hello.
I am interested in using your jQuery contactable plugin within a new site I am working on. However instead of the form expanding from left to right I would like to to come from the bottom to top.
I know that I have to change the contact.png button to face horizontally but I am not sure what code to change, if possible, to make the plugin perform this function.
Is there any way you can help me with this issue, would be much appreciated.
Thanks
« Reply
May 19th, 2011
very useful website!
« Reply
Peter Jhon Reply:
June 3rd, 2011 at 6:52 pm
@dubai web design,
Great website and service provider! Excellent!!
« Reply
May 25th, 2011
@Andre, I used your template, and it worked! Thanks a lot for the help. The one problem is that when I use the exact same code in the exact same places, it doesn’t work for me anymore. I’m not sure what’s wrong. Any ideas? Thanks!
« Reply
Andre Reply:
May 30th, 2011 at 4:03 am
@Jeremiah, Can you be a bit more specific? Do you get any errors from firebug or inspect element? Did you use all the script parts for contactable that are in the index.html? Including the jquery version part? Did you check all the links in the js files you are using, or did you use mine? Do you have the mail.php in your root? Because if it worked with my template you have something not exactly the same. Leave me a message if you make a post here, i don’t check this every day…
« Reply
May 26th, 2011
Hi again. I’m not exactly sure what I did, but it has now stopped reloading the page in Explorer and actually works! However Firefox still keeps bringing up the error.
I’m thrilled that there IS an error message — and an editable one at that — but still curious as to what’s going on when it doesn’t work and gives that error.
Appreciate any help with this, I think you’ve got an awesome plugin here… if only I could figure out what I’m doing wrong! Thanks
« Reply
Andre Reply:
May 30th, 2011 at 4:18 am
@Sacha, i could not find other posts by you so i am not sure what error you are talking about.
« Reply
May 29th, 2011
thanks admın very niceeee
« Reply
June 1st, 2011
Good Afternoon, amazing page I have just subscribed to your RSS
« Reply
June 4th, 2011
Thanks Philip!
@everyone who gets the ‘Sorry but your message could not be sent, try again later’ message:
1. Open jquery.contactable.js
2. CTRL or CMD + F to ‘set default options’
3. Add url: ‘path-to-root-seen-from-this-js-file/mail.php’,
Fixed!
« Reply
June 4th, 2011
And BTW, add this to your mail.php:
1. $headers = ‘From: ‘.$name.’ ‘ . “\r\n”;
2. mail(‘you@email.com’, $subject, $contactMessage, $headers);
« Reply
June 6th, 2011
Hi there. I’m having the same problem as many others – I get the error message saying that the email can’t be sent, but I still get the email in my inbox without any problem.
I’ve checked and rechecked all the files – mail.php and the .js files are in the right places. Firebug gives me the following error:
Permission denied for to call method UnnamedClass.handleEvent
Any assistance would be much appreciated!
« Reply
June 6th, 2011
Ooops… my firebug error message was changed by your comments thingy!
Error message is: “Permission denied for [mysitedomainhere] to call method UnnamedClass.handleEvent”
« Reply
June 6th, 2011
I’ve also tried working only with your zipped files. I change the jquery.contactable.js file with the absolute path to the mail.php on my server, and change the email address in mail.php.
Regardless, I still get the error message, but receive the email in my inbox.
I am no longer receiving the firebug error, but it’s still not working.
I’m going crazy!
« Reply
Circey Reply:
June 6th, 2011 at 8:54 am
In addition, your demo isn’t working either. It displays the same error that the message cannot be sent.
« Reply
Andre Reply:
June 20th, 2011 at 6:05 pm
@Circey,
I was not using an absolute path to mail.php in my zip file… And neither should you. The error you are getting is a cross domain error. It thinks you are looking in a different domain for your mail.php. In my zip file, only change your email to test it. Leave the path to mail.php in jquery.contactable.js relative. So do not give your full web address.
« Reply
June 8th, 2011
Impressive work by the author.
« Reply
June 8th, 2011
So I think this is a great contact form, but from what I gather a little bit unsecure. I’ve modified your mail.php. Some of the code is a bit repetetive and not very elegant but seems to work just fine:
//declare our assets
$to = ‘YOUR EMAIL ADDRESS HERE’;
$subject = ‘YOUR SUBJECT HERE’; //this will overwrite your jquery subject in the html
//the submission validation here may not be necessary as your js already validates it
if($_POST) {
$name = stripslashes($_POST['name']);
$emailAddr = stripslashes($_POST['email']);
$comment = stripslashes($_POST['message']);
$ip = $_SERVER[REMOTE_ADDR];
$contactMessage = date(‘d/m/Y’).”nn” . “Sending IP: ” . $ip.”nn” . $comment;
$headers = “From: $emailAddrrn”;
$headers .= “X-Mailer: PHP/ContactableContactFormn”;
$headers .= “MIME-Version: 1.0n”;
$headers .= “Content-type: text/plain; charset=utf-8n”;
$headers .= “Content-Transfer-Encoding: quoted-printablen”;
//$headers = ‘From: ‘.$name.’rn’Reply-To: ‘ . $emailAddr . ‘rn’X-Mailer: PHP/’ . phpversion();
//Validate
$header_injections = preg_match(“(r|n)(to:|from:|cc:|bcc:)”, $comment);
if( ! empty($name) && ! empty($emailAddr) && ! empty($comment) && ! $header_injections ) {
if( mail($to, $subject, $contactMessage, $headers) ) {
echo(‘success’); //return success callback
return true;
}
else {
return false;
}
}
} else {
return false;
}
Let me know what you think.
« Reply
June 8th, 2011
It works, but for some reason it isn’t sending the comment input. This is what I get sent to my inbox:
Message:
Name: Phil
E-mail: name@domain.com
Sending IP:xx.xx.xx.xx
Sending Script: simplisto.com/mail.php
As you can see, nothing appear after “Message:” – nothing looks wrong in the code. I have mail.php in the root and the .js files in a folder named “contactable”.
Any ideas?
Fantastic plugin though. Very useful.
« Reply
Fionnan Reply:
July 8th, 2011 at 7:24 pm
@Phil, I have this exact problem and have no idea how to overcome it.
Can anybody assist with this?
« Reply
June 19th, 2011
Thanks for sharing and keep up the good work. That is a great article.
« Reply
June 19th, 2011
I am not sure whether it is possible or not but It would be interesting to present source codes for effects on facebook pages.
« Reply
June 19th, 2011
Thanks a lot., amazing page I have just subscribed to your RSS
« Reply
June 23rd, 2011
liked it very much
« Reply
June 23rd, 2011
Thanks 4 sharing!
« Reply
June 23rd, 2011
so cool, so simple
« Reply
June 25th, 2011
Love the possibilities of this plugin, but I’m having some problems receiving the emails sent from the form.
PHP 5.2 on Unix box
The mail.php file and js scripts are all in the root, and upon form submission the success message appears and firebug states no errors, but I don’t get any of the emails – and yes I’ve check the spelling of the email address.
I’ve tried many of the solutions listed above for just adding a $headers variable which inturn places the FROM field at the end of the mail function, but I end up getting errors regarding a unexpected colon(:) on the variable line.
Any assistance would be appreciated.
« Reply
June 30th, 2011
Good stuff!
« Reply
June 30th, 2011
Hi! I don’t have a lot of experience with web development. A client recently ask me to build a site with the capabilities of a forum like the one in here where visitors can post comments and replay to the existing ones.
I’m really good adapting Jquery to my sites and I was able to incorporate the feedback feature shown in this page. however I really don’t know PHP that much.
Do any of you guys know what would be the simpler solution for making a forum like the one in here? A link of a site with tutorials could help.
I would really appreciate any help.
« Reply
June 30th, 2011
I have tweaked contactable.css for IE6 & IE7.
I hope it is useful.
Only two changes are required.
1) Add this rule to #contactable #contactForm after position:fixed property “_position:absolute;”(without quotes, of course)
2) Change the rule *position:absolute in #contactable #contactable_inner to “_position:absolute;”(without quotes, again)
« Reply
July 7th, 2011
After adding this to my site, the following message shows upon going to my contact page:
Contains content from dmr.tw, a site known to distribute malware. Your computer might catch a virus if you visit this site.
I’ve narrowed it down to jquery.contactable.min.js. Any ideas?
« Reply
July 9th, 2011
Hi,
I can’t get it to work using jquery version 1.6.1 in Google Chrome.
It works fine in IE8, but in Chrome the contact form is allways visible.
I would really appreciate any help.
« Reply
July 17th, 2011
Hi, in support mention righ to left postion …i need feedback icon on right side ..how its possible? any help appreciate
Thanks
« Reply
July 18th, 2011
I’ve got the form working, but just a quick question. Is there anything I can do for response time regarding receiving the email from a server? The form works perfectly on the site, but it takes upwards of 30-40 minutes to receive the email.
« Reply
philip beel Reply:
July 18th, 2011 at 1:15 pm
@J, The response time should be pretty rapid, but this comes down to you hosting setup. I would expect to see the email appear within 5 mins on a standard WPS hosting environment. I advise speaking to your provider about this.
« Reply
July 20th, 2011
Is there any possibility to avoid scrolling from the “feedback” button? It should be fixed and not following the content.
« Reply
philip beel Reply:
July 20th, 2011 at 8:44 pm
@Bastian, this can be done by changing the css
« Reply
July 22nd, 2011
Hey, I don’t have mail enabled on my server. I use Google’s hosted mail app. Any ideas how I can send it through that?
« Reply
July 22nd, 2011
I can not run
the following error :
Sorry but your message could not be sent, try again later
« Reply
HD Music Video Reply:
July 22nd, 2011 at 10:02 pm
@HD Music Video,
sory sory
Its works :
jquery.contactable.js – line19 :
true : http://www.muzik8.net/contactable/mail.php (Its works)
false : http://muzik8.net/contactable/mail.php
Thanks a lot
« Reply
July 30th, 2011
This is what I have been trying to coil up for some days with no success. Thanks you made my day a million time successful. Looking forward to stay hooked for more posts.
« Reply
August 3rd, 2011
Im having a few problems with this plugin, it won’t show up on here?
« Reply
August 5th, 2011
great script, thank you…
This might be a dumb question but can someone show me how to set this on the bottom of my browser instead of to the left or right?
God bless
jason
« Reply
August 5th, 2011
Hello man ! It is false
Or i dont it.
Please help me !
I wonder, on the site may conflict with other codes?
« Reply
August 17th, 2011
Is the demo broken?
Also, I seem to be having trouble with combination of
- jquery-1.5.2.min.js
- jquery.validate-1.5.5.pack.js
- jquery.contactable-1.2.1.min.js
Contactable breaks the rest of my jquery code for some reason…have not figured this out yet.
« Reply
August 17th, 2011
hey! nice plugin! I was wondering if you could hide recipient email in the source code? make it hidden somehow? thx!
« Reply
philip beel Reply:
August 18th, 2011 at 8:18 am
it will be in the php code so will not be accessible by any of your users
« Reply
August 24th, 2011
Thanks for this great script! But I have an error encountered while sending the mail. The error said “Sorry but your message could not be sent, try again later”. However an email is receive with no subject and also the values won’t appear at the message body. Please help. Thanks
« Reply
arbin Reply:
August 27th, 2011 at 4:44 am
Thanks, it works now!
« Reply
September 3rd, 2011
Great script!Thx
« Reply
zourbuth Reply:
September 17th, 2011 at 3:10 am
Nice jQuery plugin, keep works!
Big thanks
« Reply
September 17th, 2011
hi, a lot of people here got the problem “Sorry but your message could not be sent, try again later” and meny fixed it without explaining how they did it.
i went over all the comments here and still didn’t found a way to fix my “Sorry but your message could not be sent, try again later”.
i cheked and duble cheked the path to MAIL.PHP but still it’s dosn’t work for me.
can you please help me ?
that is my link
http://www.matzaimplus.com/zeev
that is the link to my MAIL.PHP:
http://www.matzaimplus.com/zeev/mail.php
thank you
« Reply
philip beel Reply:
September 17th, 2011 at 8:07 pm
@z, This appears to be working, did you solve your issue?
« Reply
September 17th, 2011
For some reason i keep getting the “Sorry but your message could not be sent, try again later” message. What shall I do?
« Reply
September 17th, 2011
@John, ad it’s at http://www.fit2atinc.com
« Reply
September 19th, 2011
Hi guys
Would you please help me ?
Everything is loaded but the email doesn’t send !
I put this code into the index.php
$(function(){$(‘#contactable’).contactable({subject: ‘feedback URL:’+location.href});});
and then put mail.php here : http://mydomain.com/mail.php
with this code :
The button is shown and works but the email !
I put the mail.php path to all js files as well !
If give me a step by step guide would be great
« Reply
petkove Reply:
September 22nd, 2011 at 7:17 pm
@Navid, did you change jquery.contactable.js LINE:19
url: ‘http://YourServerHere.com/contactable/mail.php’, <- this should point to your mail.php location.
and I know I had to change mail.php LINE:18 from mail('YourEmailHere@gmail.com', $subject, $contactMessage); to mail('mymailhere@gmail.com', $subject, $contactMessage, 'From:info@IASASENDER.COM');
If you are using some CMS (like drupal – you have to put
jQuery(document).ready(function() { jQuery("#contactable").contactable({subject: 'Subject from http://mybookdepot.com URL:'+location.href});)
« Reply
September 24th, 2011
The JQuery plugin license will say if it can be used for commercial use.
« Reply
September 30th, 2011
Hi Phillip, I purchased your template via TW Design and I’m stuck on on this mail program. I’m not sure if it is the hosting company “godaddy.com” or something else.On the “Quick Contact” I put in the information and hit send and nothing goes through. If I goto http://www.mahnkeninsurance.com/mail.php directly I see this message: Warning: mail() [function.mail]: SMTP server response: 503 RCPT first (#5.5.1) in D:\Hosting\6855487\html\mail.php on line 9
success
On my mail.php file I have it setup as this:
success
« Reply
philip beel Reply:
October 1st, 2011 at 1:24 pm
@Mik, Hi Mick, can you give me a link to where you purchased this template?
« Reply
October 2nd, 2011
Hello Philip, first of all thank you so much for creating and sharing such a great product. I have implemented your plug-in to my site and everything worked fine until I added the Sliding Tabs plug-in (http://codecanyon.net/item/sliding-tabs-jquery-plugin/141774). There seems to be a conflict but I’m not sure how can I resolve this. I would really want to have both working on my site. Can you please help? Thanks!
« Reply
October 2nd, 2011
thansk admin.very nice..
« Reply
October 3rd, 2011
very interesting script. good work. I have tested all IE versions, working great.
« Reply
October 4th, 2011
Thanks a lot for your sharing.
« Reply
October 5th, 2011
Having issues with getting this to run on a site which also uses scriptaculous. I’ve tried jQuery.noConflict() but still no luck.
Any idea how I could do this?
« Reply
October 12th, 2011
Great Plugin…! – But one little Question.
How can I change the vertical position on the feedback button.
I was looking in the CSS file and in jquery.contactable.js but i found nothing.
Can someone help me please?
« Reply
October 14th, 2011
Hi,
I try to send a email from the feedback but nothing work.
I setup everything like i have to, even put my email in the mail.php
but nothing.
I try to put my website address in the jquery.contactable but still nothing.
Can u help me please.
Thank you,
JEROME
« Reply
eveR Reply:
October 20th, 2011 at 3:52 pm
@Jerome, I also I have the same problem, philip beel Help
« Reply
October 26th, 2011
HELP!!
having the same problem as Phil above…
Got the plugin to work except for one thing. Messages are sending but the web form returns a “Sorry but your message could not be sent, try again later” response instead of the success response. Any ideas on what might be wrong?
Can someone please take a look at my site as I’m going insane trying to figure it out!
http://www.jrharris.co.uk/
many thanks!
« Reply
November 7th, 2011
I had the same issue Joe, there are some typos in the mail.php file – if you remove the erroneous “c” from the stripcslashes functions so they read “stripslashes” it works for me.
Nice script Phillip!
« Reply
November 8th, 2011
Mine isn’t working now again, I get the message sent to my email but there’s no data in it and the user gets the try again later error, any ideas?
I don’t think I changed anything from when it was working.
« Reply
November 11th, 2011
Hi,
Great script
Is there a way to re-use the jquery effect on another panel that would display different content (hand coded html or text)?
I’d like to create another button below this one or at the bottom of page to slide out with different content but using the same jquery effect.
Thanks for any tips on how to implement it if possible.
« Reply
November 15th, 2011
I LOVE this. Curious how I might call the function from the click of a menu item in my nav menu rather than having an absolute button? Would that be doable?
« Reply
philip beel Reply:
November 16th, 2011 at 1:30 pm
@Ben, You could do that by modifying the plugin on line 40:
$(this_id_prefix+’div#contactable_inner’).toggle(function() {
to use the id of a hyperlink, but you would need to do some slight tweaking to get this to toggle correctly.
« Reply
November 19th, 2011
Hi, this is really great!
Very simple, elegant and practical.. nice work!!
Do you think it’s easy to create a second button under or above the feedback buttom that simply links back to the Home page. So a second home-page button that’s also scrolling up and down like this one but no form to be needed to collapse.
Thank for this plugin
« Reply
November 21st, 2011
I just installed contactable’s latest release. I have issues with the error message, which says “Sorry, your message could not be sent, try again later”, although it still sends out the email to me. Have I done something wrong?
« Reply
Greg Reply:
November 30th, 2011 at 11:46 am
@shyaam, I have this problem too
« Reply
Henry Reply:
January 4th, 2012 at 10:47 pm
@Greg, I also have this problem
« Reply
November 24th, 2011
Hello, Great Job.
2 questions:
Can i use this for commercial website?
Is the security in mail.php improve?
Thanks Philip and i hope u respond
« Reply
philip beel Reply:
November 25th, 2011 at 11:58 am
@Pollo, Hi, you can use the plugin for your commercial projects, although I would consider using an SMTP mailer class over PHP mail()
The security will hide your email address in the latest release of the plugin, but it is up to you if you want to make advancements.
« Reply
@pollo Reply:
November 25th, 2011 at 5:07 pm
@philip beel, One more thing can i change layout to Spanish, no problem? Thanks
« Reply
philip beel Reply:
November 26th, 2011 at 2:09 am
I don’t know, can you?
November 29th, 2011
I’m looking Contactable in version 1.0. Please send the file to the address grafiknet@gmail.com
Thank you!
« Reply
December 1st, 2011
This is really cool! But when I put it on my website, it’s fail to be displayed…
What is the reason? Thanks ever so much.
« Reply
December 1st, 2011
After sending the email it does not reopen?
Its? some codice?
thank you
« Reply
December 5th, 2011
I keep getting Sorry we couldn’t send your message try again. I have set everything up correctly. Is there anything else i am suppose to do to get it to work?
« Reply
December 6th, 2011
Very nice plug-in but could you tell me how can I change the mail.php to vb.net please
« Reply
December 11th, 2011
Hey thank you so much for the plugin, great stuffs, never seen such CLEAN coding…
am using your TWEET-ABLE plugin as well, its awesome.
Pl help me how to use CONTACTABLE directly on my site, without calling or clicking on feedback…
Thanks once again
« Reply
December 15th, 2011
Hi Philip, thanks for a great contact form and explanation as to how it all works. I have been looking for a fast validation form and this works great.
However I slightly converted by not having it in the slider…it just sits on page in open view. But the 1 issue I am having is when the form says “Sorry but your message could not be sent, try again later”, it doesnt revert back to the form, it just sits on that text.
I know the function calls the “holder” which is where thr form sits, but I don’t think it is calling it for some reason…any ideas?
« Reply
Serj Reply:
December 27th, 2011 at 4:40 am
@Daniel, I replaced
var defaults = {
url: ‘http://YourServerHere.com/contactable/mail.php’,
at
var defaults = {
url: ‘/contactable/mail.php’,
It helped for me.
I think, reason in http://YourServerHere.com/ and http://www.YourServerHere.com/. They are different. The script worked with http://YourServerHere.com/ and show “…try again later” with http://www.YourServerHere.com/.
« Reply
December 17th, 2011
I was thinking of the contact-button on the RIGHT edge of the screen and the form sliding in also from the RIGHT… Is this possible? What files/lines/variables do I have to edit/change?
« Reply
December 29th, 2011
Q: Sorry but your message could not be sent, try again later..
A: Try to change files permission to 755.
« Reply
January 4th, 2012
I got as far as displaying the contact form but after submitting I got the error message “Sorry but your email cannot be sent, please try again later”
« Reply
January 5th, 2012
I love this plugin. I had the same problem with emails not being sent but saw Hadzic’s comment and it fixed it.
« Reply
January 6th, 2012
Hello, friend i found the problem:
The big problem is in the js files, because people just want to change the email, but if the link that calls the contactable not changed, will not work because the files are hosted on google and so when we try to send a message, the script does not reach the script that is on your server but google with default settings.
Step 1 – Go to maill php > change permission to 775
Step 2 – Yet on mail.php change YourEmailHere@gmail.com for your email.
Step 3 – Edit jquery.contactable.js and change http://YourServerHere.com/contactable/mail.php the full path to that file on your server.
Step 4 – Use this code
$(function(){$(‘#contactable’).contactable({subject: ‘feedback URL:’+location.href});});
remember change YOUTDOMAIN for your site.
« Reply
philip beel Reply:
January 6th, 2012 at 8:42 am
@SevenLojas, Thankyou for this I will get the post updated to include more info on the steps involved!
« Reply
Sevenlojas Reply:
January 6th, 2012 at 2:47 pm
@philip beel,
« Reply
January 6th, 2012
Cant post all code, if need help, send me email suporte@sevenlojas.com
« Reply
January 10th, 2012
You might have brought up a extremely fantastic points , thankyou for the post.
« Reply
January 17th, 2012
Thanx a lot for this brilliant plugin….
i am trying to use this and have done almost everything but am facing a hiccup…. the form is not passing the values of name and email input boxes…..
please someone anyone help me….
thanx
« Reply
January 18th, 2012
I have just come across this great, neat and clean tool.
I got it from a template site included in their templates, styled to suit but a version or two behind.
Some teething problems setting it up, but will post questions if I do not find the answer from above
Cheers
« Reply
January 20th, 2012
Contactable – A jQuery Plugin | web design blog I was suggested this blog by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my problem. You’re amazing! Thanks! your article about Contactable – A jQuery Plugin | web design blog Best Regards Shane Justin
« Reply
January 24th, 2012
looks good but could not get it to work.
« Reply
January 30th, 2012
Hi i’ve successfully installed the plugin with php everything seems working but when i sending email i’t says “Sorry but your message could not be sent, try again later” i’ve fixed the mail.phpfille and jquery file but it’s not working can somebody help on this
« Reply
January 31st, 2012
Hi there.
Thanks for this plug in, I really like it. I´m having one problem though. The form sends the messages, but I keep getting the message not sent state…. Is there a known reason for this?
Thanks
« Reply
January 31st, 2012
hy all, this is a great work , only there is a problem with this script. You can find out the location of mail.php file from the java script and than you can read directly the file from its location and it’s sending email to the email set in mail.php , how do i fix this ? even with htaccesss ???
« Reply
February 11th, 2012
if anyone is receiving the sorry can’t send message put this code in the jquery.contactable.js file
[code]
//extend the plugin
(function($){
//define the new for the plugin ans how to call it
$.fn.contactable = function(options) {
//set default options
var defaults = {
url: 'mail.php',
name: 'Name',
email: 'Email',
message : 'Message',
subject : 'Feedback',
submit : 'SEND',
recievedMsg : 'Thank you for your message',
notRecievedMsg : 'Sorry but your message could not be sent, try again later',
disclaimer: 'Please feel free to get in touch, we value your feedback',
hideOnSubmit: false
};[/code]
« Reply
destro Reply:
February 15th, 2012 at 1:56 pm
@LeRoy McQuay,
« Reply
Justin Reply:
May 6th, 2012 at 5:31 pm
@LeRoy McQuay, I have tried this but I still receive the error message, must have something to do with the url. any advice?
« Reply
February 19th, 2012
Awesome job. I congrat you for the good job.
« Reply
February 25th, 2012
How do I resolve a lightbox conflict
The contact form works fine. Implementation. However, when I place the code it shuts down the lightbox functionality.
« Reply
February 29th, 2012
how to give a reflesh after sending data?????
Grato
« Reply
philip beel Reply:
March 1st, 2012 at 8:48 am
You could set an event in the callback function to do this, but it is turned off my default to prevent spamming.
« Reply
edvaldo Reply:
March 1st, 2012 at 8:30 pm
Ok, not abusing, which revert to default, I’ve tried everything …
grateful.
Exe:
insert javascript, but it did not work
top.location.href=”http://www.tisolucoes.net.br”
deleted
But it did not work
notRecievedMsg : ‘Sorry but your message could not be sent, try again later’,
else {
$(‘#callback’).show().append(defaults.notRecievedMsg);
}
??
« Reply
March 13th, 2012
Hi,
I’m trying to prepopulate the text fields of the form with my logged in users’ name and email. I can’t seem to sneak it into the javascript. How would you suggest doing this with your script? Thanks!
« Reply
philip beel Reply:
March 14th, 2012 at 8:44 am
@Matt, The plugin draws the form onto the DOM after it has loaded. The best way to add in your users details would be to set a loaded handler once the plugin has activated, so you can target the input fields.
« Reply
March 19th, 2012
Excellent Plugin. Easy set up.
http://www.soslignes-ecrivain-public.fr/Create_my_own_beautiful_signature.html
Thanks!
« Reply
April 2nd, 2012
pesticide testing for chinese herbal medicines [url=http://www.youtube.com/watch?v=floToa_W0L0#650] basic big cigarettes lb upc catalog b [/url] kettle balls vs medicine balls
pharmacy management positions [url=http://www.youtube.com/watch?v=V0EAcpop8gg#524] buy cheap cigarettes online [/url] weird medicine
david city discount pharmacy [url=http://www.youtube.com/watch?v=NAvVrNsBVv8#022] buy cigar online free [/url] study in germany medicine requirements
sports medicine osteoporos [url=http://www.youtube.com/watch?v=2OBknD3UoJ8#732] buy e bi cigarette in manhattan [/url] natural organis cognitive medicine
word entomology pharmacy [url=http://www.youtube.com/watch?v=AoBaPIcmjkQ#450] buy american marlboro cigarettes [/url] medicine hat ab birthday
rite aid pharmacy coupon [url=http://www.youtube.com/watch?v=t54TEKCuP30#919] buy nat sherman bio cigarettes in online b [/url] herbal medicine for cough
sears pharmacy oak park illinois [url=http://www.youtube.com/watch?v=HOAM74u__tE#779] cannabis free bib cigarettes in review b [/url] cvs pharmacy runnemede nj
safe medicines pregnancy [url=http://www.youtube.com/watch?v=9L78dUybbCY#402] cheap cigs online [/url] nc school veterinary medicine
city of medicine hat utilities [url=http://www.youtube.com/watch?v=pTMu-S3VVD4#989] chinese bio cigarettes in rainbow smoke b [/url] cann of medicine
breakthroughs in breast cancer medicine [url=http://www.youtube.com/watch?v=1FPgvMZZkEs#911] chinese cigarette brands [/url] what is radiology and nuclear medicine
presription solutions pharmacy <a href=http://www.youtube.com/watch?v=floToa_W0L0#169] basic bi cigarettes ib menu b pro solution at pharmacy
st marys pharmacy richmond va <a href=http://www.youtube.com/watch?v=V0EAcpop8gg#689] buy cheap cigarettes online us death by modern medicine
online pharmacies consumer information <a href=http://www.youtube.com/watch?v=NAvVrNsBVv8#319] best place to buy cigar brands online uk purchase evista pharmacy
kayes pharmacy 06450 <a href=http://www.youtube.com/watch?v=2OBknD3UoJ8#494] buy e cigarette in mumbai american deversified pharmacies
fowler kennedy sports medicine clinic <a href=http://www.youtube.com/watch?v=AoBaPIcmjkQ#487] buy marlboro lights free paroxetine canadian pharmacy
giant eagle pharmacy gift card <a href=http://www.youtube.com/watch?v=t54TEKCuP30#109] newport cigarettes online buy cheap dba freds pharmacy in hamilton al
internal medicine and scope of practice <a href=http://www.youtube.com/watch?v=HOAM74u__tE#665] cannabis free bi cigarettes in review board continuing medical education dvd family medicine
home medicine for ear infection <a href=http://www.youtube.com/watch?v=9L78dUybbCY#348] buy cheap cigars online in australia cigs southern nh sports medicine
cancer prostate herbal medicine <a href=http://www.youtube.com/watch?v=pTMu-S3VVD4#578] chinese cigarettes in uk medicine embrel
save on pharmacy newport beach ca <a href=http://www.youtube.com/watch?v=1FPgvMZZkEs#620] cheapest menthol cigarette brands i buy b sierra nevada integrated medicine reno
« Reply
April 2nd, 2012
alternative medicine cheap [url=http://dailybooth.com/weightlosstablets/24912952#041] acomplia rimonabant buy cheap [/url] baby bottle medicine dropper
pharmacy direct australia [url=http://dailybooth.com/weightlosstablets/24912975#049] acomplia buy uk rimonabant [/url] nuclear medicine codes
pharmacies in mexico selling gonakor [url=http://dailybooth.com/weightlosstablets/24912995#579] buy rimonabant save ordering acomplia online [/url] medicine pancreatic cancer alcoholism
holistic medicine in long beach ca [url=http://dailybooth.com/weightlosstablets/24913022#594] buy slimona rimonabant [/url] c s pharmacy
drop ship medicine [url=http://dailybooth.com/weightlosstablets/24913041#186] zimulti buy mexico [/url] scholl podiatric medicine
natural medicine connecticut [url=http://dailybooth.com/weightlosstablets/24913063#510] acomplia canada pharmacy prescription [/url] sinai school of medicine
pakistani doctor of medicine [url=http://dailybooth.com/weightlosstablets/24913084#596] buy cheap no rx acomplia rimonabant [/url] emergency medicine physician jobs
u of water pharmacy school [url=http://dailybooth.com/weightlosstablets/24913112#755] cheap discount acomplia online [/url] american ournal of medicine
homopathic medicine [url=http://dailybooth.com/weightlosstablets/24913136#072] acomplia rimonabant canada cheapest [/url] doctor called vips posts pharmacy consult
butler university pharmacy [url=http://dailybooth.com/weightlosstablets/24913163#994] link [/url] career in option pharmacy
colleges that offer veterinary medicine <a href=http://dailybooth.com/weightlosstablets/24912952#242] buy rimonabant drug pharmacy schools in md
cold medicine affect on blood <a href=http://dailybooth.com/weightlosstablets/24912975#654] acomplia acomplia rimonabant buy cheap pharmacy delivery woodbridge va
cholestrol medicines <a href=http://dailybooth.com/weightlosstablets/24912995#522] rimonabant buy online medicine shoppe canton ohio
university of tennessee veterinary medicine diagnostics <a href=http://dailybooth.com/weightlosstablets/24913022#691] buy slimona online veterinary medicines dogs
pharmacy lea’s shield <a href=http://dailybooth.com/weightlosstablets/24913041#739] zimulti buy acomplia rimonabant veterinary medicine stud penis
critical care medicine cerebral oximetry mcgee <a href=http://dailybooth.com/weightlosstablets/24913063#274] buy acomplia online canada prescription veterinary medicine magazine february 2002
brooks pharmacy ma <a href=http://dailybooth.com/weightlosstablets/24913084#763] buy cheap acomplia online stark pharmacy
part-time pg courses in pharmacy <a href=http://dailybooth.com/weightlosstablets/24913112#512] acomplia cheap online drugstore raptor pharms corp
correlation adhd and allergy medicine <a href=http://dailybooth.com/weightlosstablets/24913136#582] cheapest acomplia rite aid pharmacy sacto ca
compounding pharmacies in greenville sc <a href=http://dailybooth.com/weightlosstablets/24913163#425] rimonabant cheapest idaho home infusion pharmacy
« Reply
April 2nd, 2012
How do you change the tab so it says Contact, rather than Feedback?
It says in the notes that it’s optional?
« Reply
philip beel Reply:
April 2nd, 2012 at 1:00 pm
This is actually controlled by an image. You should be able to change it from there.
« Reply
April 5th, 2012
Great work Philip. I was wondering if it was possible to make the tab appear on the top of the page instead of the left. As it drops down from the top, the form still appears in vertical format and close back the same way. Hope you understand my query.
« Reply
Pascal Reply:
April 7th, 2012 at 5:44 pm
@Jayvik Patel,
Yes, this is possible to make the tab appear on the top of the page.
It requires a little javascript tweaking (Replace ‘Right’ by ‘Top’) and a CSS file modification..
Cheers!
« Reply
Pascal Reply:
April 7th, 2012 at 9:17 pm
Oops… I meant ‘Left’ by ‘Top’ as I chose on my site to put it on the right side (tweak also
« Reply
Pascal Reply:
April 30th, 2012 at 5:58 pm
Sometimes I wonder why some answers are asked without any follow up…
April 24th, 2012
Really a cool and nice Plugin, love it – thx al lot!
« Reply
May 2nd, 2012
i’m having a problem getting it to actually send the email. it always gives me the cannot send message. i’m very new to web design and have only completed a few sites. i have followed the directions and gone over EVERYTHING and can’t seem to come up with anything. any help would be appreciated. the site is http://www.trifitness.org. thanks
« Reply
May 6th, 2012
I am having the same issue as brandon. I think it has to do with the “url” parameter in the contactable.js file. Any suggestions? my website is coastalkicks910.com
« Reply
May 9th, 2012
hi,
first of all a great plugin, thank you guys.
i run in to some problems, when i installed the plugin. my theme did not work so good. I think this has to do with the overlay.
I have a portfolio. when i hover over an portfolio image i get an overlay( this is part of the template).
when i installed the plugin, this didn’t work anymore. i also don’t see the mouse icon.
is there a way to solve this.??? it would be a shame too not use this plugin.
regards,
Said
« Reply
May 10th, 2012
The “Try Demo” don’t work on firefox for me
« Reply
July 16th, 2012
Hi Phillip, I added two more fields to your script, Company and Telephone, but it doesn’t want to work, as far as I can see I just need to change the script in jquery.contactable.js?
Please help, can you see anything wrong with the script.
//define the new for the plugin ans how to call it
$.fn.contactable = function(options) {
//set default options
var defaults = {
url: ‘contactable/mail.php’,
name: ‘Name’,
email: ‘Email’,
company : ‘Company’,
telephone : ‘Telephone’,
message : ‘Message’,
subject : ‘enquiries’,
submit : ‘SEND’,
recievedMsg : ‘Thank you for your message’,
notRecievedMsg : ‘Sorry but your message could not be sent, try again later’,
disclaimer: ‘Please feel free to get in touch, we value your feedback’,
hideOnSubmit: false
};
//call in the default otions
var options = $.extend(defaults, options);
//act upon the element that is passed into the design
return this.each(function() {
//construct the form
var this_id_prefix = ‘#’+this.id+’ ‘;
$(this).html(”+options.name+’ * ‘+options.email+’ * ‘+options.company+’ * ‘+options.telephone+’ * ‘+options.message+’ * ‘+options.disclaimer+”)
;
//show / hide function
$(this_id_prefix+’div#contactable_inner’).toggle(function() {
$(this_id_prefix+’#overlay’).css({display: ‘block’});
$(this).animate({“marginLeft”: “-=5px”}, “fast”);
$(this_id_prefix+’#contactForm’).animate({“marginLeft”: “-=0px”}, “fast”);
$(this).animate({“marginLeft”: “+=387px”}, “slow”);
$(this_id_prefix+’#contactForm’).animate({“marginLeft”: “+=390px”}, “slow”);
},
function() {
$(this_id_prefix+’#contactForm’).animate({“marginLeft”: “-=390px”}, “slow”);
$(this).animate({“marginLeft”: “-=387px”}, “slow”).animate({“marginLeft”: “+=5px”}, “fast”);
$(this_id_prefix+’#overlay’).css({display: ‘none’});
});
//validate the form
$(this_id_prefix+”#contactForm”).validate({
//set the rules for the fild names
rules: {
name: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
company: {
required: true,
company: true
},
telephone: {
required: true,
telephone: true
},
message: {
required: true
},
//set messages to appear inline
messages: {
name: “”,
email: “”,
company: “”,
telephone: “”,
message: “”
},
submitHandler: function() {
$(this_id_prefix+’.holder’).hide();
$(this_id_prefix+’#loading’).show();
$.ajax({
type: ‘POST’,
url: options.url,
data: {subject:options.subject, name:$(this_id_prefix+’#name’).val(), email:$(this_id_prefix+’#email’).val(), company:$(this_id_prefix+’#company’).val(),telephone:$(this_id_prefix+’#telephone’).val(), message:$(this_id_prefix+’#message’).val()},
success: function(data){
$(this_id_prefix+’#loading’).css({display:’none’});
if( data == ‘success’) {
$(this_id_prefix+’#callback’).show().append(options.recievedMsg);
if(options.hideOnSubmit == true) {
//hide the tab after successful submition if requested
$(this_id_prefix+’#contactForm’).animate({dummy:1}, 2000).animate({“marginLeft”: “-=450px”}, “slow”);
$(this_id_prefix+’div#contactable_inner’).animate({dummy:1}, 2000).animate({“marginLeft”: “-=447px”}, “slow”).animate({“marginLeft”: “+=5px”}, “fast”);
$(this_id_prefix+’#overlay’).css({display: ‘none’});
}
} else {
$(this_id_prefix+’#callback’).show().append(options.notRecievedMsg);
setTimeout(function(){
$(this_id_prefix+’.holder’).show();
$(this_id_prefix+’#callback’).hide().html(”);
},2000);
}
},
error:function(){
$(this_id_prefix+’#loading’).css({display:’none’});
$(this_id_prefix+’#callback’).show().append(options.notRecievedMsg);
}
});
}
});
});
};
})(jQuery);
Thanks for your help!!!
Kindest Regards, Sunel
« Reply
philip beel Reply:
July 19th, 2012 at 12:50 pm
@sunel, If you would like to modify the code, please feel free to fork contactable on github.
https://github.com/philipbeel/contactable
« Reply
August 26th, 2012
I was having the same issue as many here – the email was sending, but the error message was displaying anyway. The problem is with cross origin resource sharing. This is why it’s important to leave the path to mail.php in jquery.contactable.js relative. The mail.php file as written is working fine; I didn’t need to add a ‘from’ to the header or anything like that.
I was using a test directory and so put in the absolute path to the final destination of mail.php once I got everything working properly, thinking that would make it easier in the long run.
The error message I got was: XMLHttpRequest cannot load http://www.rachylperrotta.com/test/mail.php. Origin http://rachylperrotta.com is not allowed by Access-Control-Allow-Origin.
Because I’d entered http://www.rachylperrotta.com/test/mail.php as the absolute path, and my server doesn’t automatically put the www there – the mail worked, because it could see the file, but the process failed, because of the resource sharing restriction.
It’s also important to note that this error didn’t show up in Firefox/Firebug. It did show up in Developer Tools in Chrome.
Also, speaking of servers, if anyone else is using 1and1 for hosting, you’ll need an .htaccess file to force it to use PHP5 instead of 4.
(At the time of writing this, the site isn’t live yet. I’m not done with it. Hopefully in the next 24-48 hours… *grin*)
« Reply
September 8th, 2012
The “Try Demo” don’t work I am having the same issue as other it always gives me the cannot send message.and my site is http://www.fabirco.org/Contact.aspx
« Reply
September 11th, 2012
hi,
Its nice, i ust want to know how its work if i want to send email with attachment.
Ii want user send his feedback with attachment snapshot, can you help me in this regards.
Best wishes
Saleha
« Reply
September 17th, 2012
Hi Philip,
Thanks for your nice work first of all. I met a trouble after submitting, it alerts: Sorry but your message could not be sent, try again later. I started the firebug in FireFox and it shows as following:
POST http://demo.hiwins.com/nanjing-en/contactable/ 200 OK 300ms
Page address: http://demo.hiwins.com/nanjing-en/contactable/,it's working on a Linux VPS and mail function works well, contactable.js version: 1.3.
Thanks for your help.
« Reply
September 22nd, 2012
Thank you so much, this was exactly what I was looking for.
« Reply
September 26th, 2012
Hi Philip,
Thanks very much for this nifty little plugin.
I too wanted to be able to toggle the form from a remote link. I imagine that there’s a more elegant way to do this, but I simply copied your ‘toggle form visibility’ and edited it to replace ‘contactable-inner’ with my ‘contactable-remote’ and references to ‘this’ were given explicit references to ‘contactable-inner’. The original toggle remains intact.
// Toggle the form visibility from a remote link
jQuery(‘#contactable-remote’).toggle(function() {
jQuery(‘#contactable-overlay’).css({display: ‘block’});
jQuery(‘#contactable-inner’).animate({“marginLeft”: “-=5px”}, “2000″);
jQuery(‘#contactable-contactForm’).animate({“marginLeft”: “-=0px”}, “2000″);
jQuery(‘#contactable-inner’).animate({“marginLeft”: “+=387px”}, “4000″);
jQuery(‘#contactable-contactForm’).animate({“marginLeft”: “+=390px”}, “4000″);
},
function() {
jQuery(‘#contactable-contactForm’).animate({“marginLeft”: “-=390px”}, “4000″);
jQuery(‘#contactable-inner’).animate({“marginLeft”: “-=387px”}, “4000″).animate({“marginLeft”: “+=5px”}, “2000″);
jQuery(‘#contactable-overlay’).css({display: ‘none’});
});
« Reply
October 3rd, 2012
textarea not showing. please help me..
« Reply
November 30th, 2012
Hi there
I have got the code running and it works almost fine. It sends the form to the intended recipient, but the comment field is empty. I get the $name, $email, but not the $comment.
« Reply
December 19th, 2012
hello i don’t get it this morning it worked i received the email however i did not change anything now i don’t and it keeps on saying that ‘Sorry but your message could not be sent, try again later’ but it did send it please help on this have a look at my website
« Reply
December 24th, 2012
It is really amazing ! Really thanks for that
« Reply
December 25th, 2012
It is really Greats , Thanks so much
« Reply
January 2nd, 2013
Hello Sir,
Of course this is a smart plugin.
But, Let me know this will work with classic asp running on IIS server.
Thanks
Shubham
« Reply
January 10th, 2013
“Contactable – A jQuery Plugin | web design blog” was in fact
a good post and therefore I personally was
indeed pretty glad to read the blog. Thanks a
lot,Rufus
« Reply
January 13th, 2013
Hey There. I found your weblog the usage of msn. That is
an extremely well written article. I’ll make sure to bookmark it and come back to learn more of your useful info. Thanks for the post. I’ll
definitely return.
« Reply
February 2nd, 2013
Hi Philip,
I would like to request you to please captcha in this form to stop spamming by the spammers for all sites where it is being used. It is indeed a great plugin for all of us.
I would like to thank you for helping us all out by this plugin
« Reply
February 5th, 2013
Has anyone yet come up with a fix for the lightbox conflict by chance?
« Reply
February 6th, 2013
Hi,
I have implement the jquery slide captcha it is also having conflict with this, i am trying to resolve it so that it may run with every jquery.
« Reply
February 6th, 2013
Hello, any good beginners tutorial for this? I tried installing this but I know next to nothing about jQuery. Thanks
« Reply
March 5th, 2013
hi
i can not use this plugin.i edit only mail.php and replace noei64@yahoo.com in
mail(‘noei64@yahoo.com’, $subject, $contactMessage);
but allways i recievied this message
Sorry but your message could not be sent, try again later
please help me
« Reply
March 16th, 2013
Hello,
I LOVE the looks and simplicity of this plugin. However, I looked at the details and it says it has not been tested with Atahualpa 3.7.11 which is what I operate with. I did install this but not activate it. I am extremely novice with WordPress so do you know if this plugin will cause me problems or not if I activate it? Thanks!
« Reply
March 17th, 2013
Hi,
Is there a way for the side tab to slide down with the page?
Thanks for sharing your work!
« Reply
March 20th, 2013
Hi,
Is it possible to get more than one form may be form element would be different on same page.
For example i want to create feedback and contact us, two forms.How would this thing be possible?
« Reply
April 2nd, 2013
My spouse and I stumbled over here by a different website and thought I might
check things out. I like what I see so now i am following you.
Look forward to looking at your web page yet again.
« Reply
April 3rd, 2013
HI there,
I have used your plugin for some years with no problems (version 1) but have recently had to change servers and now its not working.
I used ftp to reload the site (with no file changes) and now for some reason the contact tab does not react at all – does this make any sense to you? the only difference I can see is that the new servers are running php 5.3 and the old one ran php 5.2. Having said that I can switch the php version on the new server to 5.2 – it makes no difference.
any guidance would be appreciated…
« Reply
April 10th, 2013
guvd [url=http://www.osharebaggekiyasu.com/]chanel バッグ[/url][url=http://www.annkabagryuukou.com/]tory burch 財布[/url][url=http://www.tokukakubagnesage.com/]tory burch 財布[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ[/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ[/url] onaq
[url=http://www.osharebaggekiyasu.com/]chanel 財布[/url][url=http://www.annkabagryuukou.com/]tory burch 財布[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ 財布[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ [/url][url=http://www.eregansubaggunosekai.com/]tory burch バッグ[/url] pcfm
[url=http://www.osharebaggekiyasu.com/]chanel 財布[/url][url=http://www.annkabagryuukou.com/]tory burch 財布[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ[/url][url=http://www.uresujibagmabushii.com/]tory burch バッグ[/url][url=http://www.eregansubaggunosekai.com/]tory burch バッグ[/url] cmfj
[url=http://www.osharebaggekiyasu.com/]chanel 財布[/url][url=http://www.annkabagryuukou.com/]トリーバーチ[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ 財布[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ [/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ[/url] wndi
[url=http://www.osharebaggekiyasu.com/]chanel バッグ[/url][url=http://www.annkabagryuukou.com/]tory burch 財布[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ [/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ バッグ [/url] wsrq
vjut
mtkt [url=http://www.osharebaggekiyasu.com/]シャネル 財布 格安[/url][url=http://www.annkabagryuukou.com/]tory burch 靴 激安[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ バッグ アウトレット[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ 激安[/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ バッグ 新作[/url] pnaa
[url=http://www.osharebaggekiyasu.com/]シャネル 財布 格安[/url][url=http://www.annkabagryuukou.com/]tory burch 靴 激安[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ アウトレット[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ 店舗[/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ 財布 店舗[/url] aqbu
[url=http://www.osharebaggekiyasu.com/]シャネル 財布 2013[/url][url=http://www.annkabagryuukou.com/]tory burch 靴 激安[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ バッグ アウトレット[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ 激安[/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ 財布 アウトレット[/url] hlnt
[url=http://www.osharebaggekiyasu.com/]シャネル 財布 格安[/url][url=http://www.annkabagryuukou.com/]tory burch 靴 激安[/url][url=http://www.tokukakubagnesage.com/]トリーバーチ バッグ 2013[/url][url=http://www.uresujibagmabushii.com/]トリーバーチ バッグ 通販[/url][url=http://www.eregansubaggunosekai.com/]トリーバーチ 財布 店舗[/url] epgh
cnmq [url=http://www.osharebaggekiyasu.com/][/url][url=http://www.annkabagryuukou.com/][/url][url=http://www.tokukakubagnesage.com/][/url][url=http://www.uresujibagmabushii.com/][/url][url=http://www.eregansubaggunosekai.com/][/url]
« Reply
April 17th, 2013
Fashion Games of Teen Girls Interested Are Fun These challenges
are at times shared amongst buddies. At the end of the party
all of the papers write down who they think was the prohibition
agent. At each house you have the hostess serve something small to eat, and host
a small game.
« Reply
April 17th, 2013
Fantastic site you have here but I was wondering if you knew of any message boards that cover the same topics talked about here?
I’d really love to be a part of online community where I can get feedback from other experienced people that share the same interest. If you have any suggestions, please let me know. Cheers!
« Reply
April 22nd, 2013
Hi, Philip.
Nice plugin, downloaded it and implemented. But I cannot send message, it keeps saying “Sorry, your message could not be sent…”.
I used my email here
mail(‘My_e-mail’, $subject, $contactMessage);
So,what am I doing wrong?
« Reply
Nick Cumber Reply:
April 23rd, 2013 at 10:49 am
@Ivan,
HI Ivan _ I appear to have the same issue – (see my note april 3rd)
I am awaiting furhter input as, by the look of it are you…Did you ask your hositng supplier if there we any arrangements necessary for execution of mail.php?
« Reply
April 27th, 2013
Pretty nice post. I just stumbled upon your weblog and wished to say that I’ve really enjoyed browsing your blog posts. In any case I will be subscribing to your feed and I hope you write again very soon!
« Reply
May 13th, 2013
how i use captcha in jquery contactable plugin ..
please guide me ..
thank you ..
« Reply
May 18th, 2013
Hello mates, how is all, and what you wish for to say regarding
this paragraph, in my view its genuinely awesome designed for me.
« Reply
May 22nd, 2013
if i want to put a link somewhere in the page to open the feedback form what should i do?
like
open me
thank you
« Reply
May 22nd, 2013
Thank you for this wonderful plugin.
I was wondering if anyone could highlight to me where I would be able to change how far the form comes out into the page?
I have made contact form smaller but I haven’t worked out how to set the position that the slide finishes at. Thanks for any help!
« Reply