Onclick jQuery outside of the form not functioning.

Hi

This is a little outside of the plugins support but you will probably know straight away if its because of the gravity forms.

I'm trying to run this basic script when my from button is clicked.

My input markup below

<input type="submit" id="gform_submit_button_1" class="button gform_button" value="Send" tabindex="7">

These are all the various scripts below I've tried to run when the input button is clicked. Non of them work, but I've tested the function, and it definitely works 100% - but it does not work when it's integrated with the form button.

Script 1

$("input#gform_submit_button_1").on('click', function () {
    $contactSlide.stop().css("top","0");
});

Script 2

$("form#gform_1").submit(function(event) {
    $contactSlide.stop().css("top","0");
});

Script 3

$("input#gform_submit_button_1").focus(function () {
    $contactSlide.stop().css("top","0");
});

I've tried all these above and they should logically work, but they are not, I've tried return false on them all (but obviously this kills the form) and i've also tried return true, which allows the form to submit but does not run the function.

Is it because of gravity forms this is not working?

Thanks for any advice.

Hi,

Thanks for taking a look,

If you can remove this when you read this so I can keep it private. Thanks

http://www.repsolhondateam.com/wp/

Login required (details sent separately)

Hi Provdes,

Likely your scripts are not working because the form is posting back to the page immediately so click event long past by the time the page is reloaded. You might try submitting your form via AJAX. Here are some instructions on embedding your form with AJAX enabled:

http://www.gravityhelp.com/documentation/page/Embedding_A_Form

Let me know if this does not answer your question.

Actually, I think something is happening. You have the login details still don't you? Check it out it with ajax enabled.

Thanks David, have passed on email with user deets.