Contact Form

Visual360Media
Offline
Last seen: 1 year 2 months ago
Wed, 06/15/2016 - 02:15
#1
Contact Form

As per my post please can you give me the fixed file for the contact for .php as the button says sending all the time,
and also the text does not leave the form, the form should clear.

cindy
cindy's picture
Offline
Last seen: 2 days 13 hours ago
Wed, 06/15/2016 - 09:18

Hi,

Please open file scripts.js and replace:

// Use Ajax to send everything to processForm.php
submitHandler: function(form) {
$("#submit-contact").html("Sending...");
$(form).ajaxSubmit({
success: function(responseText, statusText, xhr, $form) {
$("#contact-content").slideUp(600, function() {
$("#contact-content").html(responseText).slideDown(600);
});
}
});
return false;
}

with:

 // Use Ajax to send everything to processForm.php
submitHandler: function(form) {
$("#submit-contact").html("Sending...");
$(form).ajaxSubmit({
success: function(responseText, statusText, xhr, $form) {
$("#contact-content").slideUp(600, function() {
$("#contact-content").html(responseText).slideDown(600);
$("#send-message-form input, #send-message-form textarea").val("");
});
}
});
return false;
}



Visual360Media
Offline
Last seen: 1 year 2 months ago
Thu, 06/16/2016 - 03:03

Thank you. How about updating the send button text too. It says send, then says sending, and stays at 'sending'

Thank you

cindy
cindy's picture
Offline
Last seen: 2 days 13 hours ago
Thu, 06/16/2016 - 10:14

Hi,

Please replace 

// Use Ajax to send everything to processForm.php
submitHandler: function(form) {
$("#submit-contact").html("Sending...");
$(form).ajaxSubmit({
success: function(responseText, statusText, xhr, $form) {
$("#contact-content").slideUp(600, function() {
$("#contact-content").html(responseText).slideDown(600);
$("#send-message-form input, #send-message-form textarea").val("");
});
}
});
return false;
}

with:

// Use Ajax to send everything to processForm.php
submitHandler: function(form) {
$("#submit-contact").html("Sending...");
$(form).ajaxSubmit({
success: function(responseText, statusText, xhr, $form) {
$("#contact-content").slideUp(600, function() {
$("#contact-content").html(responseText).slideDown(600);
$("#send-message-form input, #send-message-form textarea").val("");
$("#submit-contact").html("Send");
});
}
});
return false;
}

berbeq
Offline
Last seen: 1 year 1 month ago
Tue, 06/28/2016 - 18:30

Hello,

I changed the code above, I get the succesful message "Thanks for submitting your email! Our .. " but no email arrives. I tried with various email adresses but still not working. I bealive is becouse these emailins shoud be sent via SMTP. What code should I put in processContact.php to use SMTP.

Thank you.

cindy
cindy's picture
Offline
Last seen: 2 days 13 hours ago
Wed, 06/29/2016 - 09:44
limzi
Offline
Last seen: 10 months 1 week ago
Mon, 10/10/2016 - 13:41

I changed my code:

    var s = e(".ab-content .contact-with-us").parent(".item");
    var o = s.parent().height(); s.css({ display: "table", height: o + "px" });
    var u = e("aside", "#contact-sidebar"); var a = e("#contact-form");
    var f = a.find("textarea"); var l = function () { var e = u.height() + 70; var t = a.height(); if (e < t) { u.height(t - 70) } else if (e > t) { f.height(f.height() + (e - t)) } }; l(); e(window).resize(function () { u.add(f).removeAttr("style"); l() }); if (e("#send-message-form").length > 0) {
        e("#send-message-form").validate({
            rules: { firstname: { required: true, minlength: 2 }, lastname: { required: true, minlength: 2 }, email: { required: true, email: true }, message: { required: true, minlength: 10 } },
            messages: {
                firstname: {
                    required: "שם פרטי חסר",
                    minlength: e.format("שם קצר מדי")
                }, lastname: {
                    required: "שם משפחה חסר",
                    minlength: e.format("שם קצר מדי")
                }, email: { required: "כתובת מייל חסרה", email: "כתובת מייל לא תקינה" }, message: { required: "ההודעה ריקה", minlength: e.format("ההודעה קצרה מדי") }
            },
            submitHandler: function (t) {
                e("#submit-contact").html("שולח...");
                e(t).ajaxSubmit({
                    success: function (t, n, r, i) {
                            e("#contact-content").slideUp(600, function () {
                            e("#contact-content").html(t).slideDown(600)
                            e("#send-message-form input, #send-message-form textarea").val("");
                            e("#submit-contact").html("שלח/י");
                        })
                    }
                }); return false
            }
        })

It still doesn't clean up the form and doesn't change the Send button text

limzi
Offline
Last seen: 10 months 1 week ago
Mon, 10/10/2016 - 15:41

I changed the code again:

           submitHandler: function (form) {
                $("#submit-contact").html("שולח...");
                $(form).ajaxSubmit({
                    success: function (responseText, statusText, xhr, $form) {
                        $("#contact-content").slideUp(600,
                            function () {
                                $("#contact-content").html(responseText).slideDown(600);
                                $("#send-message-form input, #send-message-form textarea").val("");
                                $("#submit-contact").html("שלח/י");
                        })
                    }
                });
                return false
            }

it still doesn't work

limzi
Offline
Last seen: 10 months 1 week ago
Mon, 10/10/2016 - 17:49

Ok, I solved the problem and now it clears the form but all the values are empty intead of showing what to fiil on each field like in the beginnig.

Can you help me with that?

Thanks you

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 month 1 week ago
Thu, 10/13/2016 - 15:05

Hi Limzi,

I has fixed bug values empty when send contact done.

Please download script.js file: HERE

You delete the old file and save newly downloaded file.

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Fri, 10/14/2016 - 06:17
enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Fri, 10/14/2016 - 06:17

Can you help me with that?

Thanks you

cindy
cindy's picture
Offline
Last seen: 2 days 13 hours ago
Fri, 10/14/2016 - 14:51

Hi,

I am not sure if I understand your idea. But HTML template does not support sending email, you need to contact your server host for this 

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Sun, 10/16/2016 - 04:33

hi 

ok in the form there is the option to put a phone but when mail arrives not received
How can this be fixed

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Sun, 10/16/2016 - 04:50

THE IMAGES OF SLIDE OF HOME DOES NOT responsibe

HoW TO FIX THANK

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Sun, 10/16/2016 - 11:02


out all these errors and remove them


Image title


cindy
cindy's picture
Offline
Last seen: 2 days 13 hours ago
Tue, 10/18/2016 - 09:50

Hi,

we check but do not see the error anymore

Do you manage to solve it?

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Sun, 01/22/2017 - 23:36

hi a need support in my web www.globalorthospinal.com  

The background the contact us does not load ???

for the moment I have a code in the index so I put a colored background

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 month 1 week ago
Mon, 01/23/2017 - 09:52

Hi Enriquehdez,

Image title

In tag div have class "section-wrap", you must remove dot "." in class ".bg-parallax".

Image title

Then, insert before "images/background" a character "/".

Link true: url('../images/background/contact-bg.jpg')

Good luck!

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Mon, 01/23/2017 - 22:03

Ok I already made the changes and it does not work for me ???

enriquehdez
Offline
Last seen: 6 months 4 weeks ago
Tue, 01/24/2017 - 03:53

Ok it's already working

thanks

Log in or register to post comments