philipbeel / contactable Goto Github PK

I just downloaded the zip file containing the minified version of contactable.js.

Unfortunately it doesn't add the prefix #contactable to all the html elements while constructing contactable thus breaking the whole layout.

I Think i have done all the thing to my best to integrate this plugin correctly but after submit my form showing "Sorry but your message could not be sent, try again later".
(someone please help me what is going wrong with me.)

Thanks & Regard
Bablu Baghel

I believe I have the code installed correctly however when i try filling the form and submitting the form - i get the "message could not be sent" message. Any idea what could cause this to happen? Thanks!

Currently contactable requires the use of jQuery migrate if you're using the current versions of jQuery. The browser console in chrome reports the following error (when you use migrate):

JQMIGRATE: jQuery.fn.toggle(handler, handler...) is deprecated

It appears related to the following code:

// Toggle the form visibility
jQuery.fn.toggleClick = function() {
    var functions = arguments, iteration = 0
    return this.click(function() {
        functions[iteration].apply(this, arguments)
        iteration = (iteration + 1) % functions.length
    })
}

Hi from Germany,
first of all thank you for your nice plugin. I try to achieve toggling the form by an external link, like this:

    // open and close feedback
    $('.feedback').on('click',function(e) {
        e.preventDefault();
        if($('#contactable-overlay').css('display') == 'block'){
            //is open, close it
            $('#contactable-contactForm').animate({"marginLeft": "-=390px"}, "4000");
            $('#contactable-inner').animate({"marginLeft": "-=387px"}, "4000").animate({"marginLeft": "+=5px"}, "2000");
            $('#contactable-overlay').css({display: 'none'});
        } else {
            // is close, open it
            $('#contactable-overlay').css({display: 'block'});
            $('#contactable-inner').animate({"marginLeft": "-=5px"}, "2000");
            $('#contactable-contactForm').animate({"marginLeft": "-=0px"}, "2000");
            $('#contactable-inner').animate({"marginLeft": "+=387px"}, "4000");
            $('#contactable-contactForm').animate({"marginLeft": "+=390px"}, "4000");   
        }
    });

Does not properly work for me. Do you have any advice how to toggle visibility of the form from anywhere on the page? Thank you for your help!

Thank you very much for such nice plug-in. It works propertly! I have only one question: How can I apply an information about sender? For example, I use this form on my website and when anyone send me a massage from contact form, I get an E-Mail from "nobody". How can I apply this information?

Not quite able to make this work on the right side of the page! Is it possible?

Hi,
Thank you for the plugin! It's really nice. I have only one small problem, when I set hideOnSubmit to true, it works, but when I click again on contact, the contact button disappears from the page. how can I solve this?

Shouldn't the user input be a bit sanitized to prevent a possible attack vector against the mail client?

Wrapping these lines with htmlentitiesand ENT_QUOTES would make it probably much more secure already.

How can I add more text fields and drop downs to the contact form?