Joseph G.

Sorry, mine seems to have to do with the aweber form not working properly,

console error: https://forms.aweber.com/form/displays.htm?id=jCxMHAzMLAzsjA== 0

Will open an other ticket.

• This reply was modified 6 years, 5 months ago by Joseph G..
• This reply was modified 6 years, 5 months ago by Joseph G..

Perhaps you should try to completely remove the code, if you have it set up differently. Maybe it will work without the xtra code now! ??

I don’t see any console log errors that are related to this code, if it’s all setup right this time. I do see another error on submission though (404 on the :https://iracearchitecture.com/wp/index.php/contact/ site). Not sure why it’s doing that now.

Sorry, not sure without jumping into it more myself.

A lot of fun you are having with this one!

Yes, check your code… maybe when you moved it you pasted twice, like I did!

You have “more” code than need be there… it’s repeating and that’s throwing a jquery error, which can take other parts of a site down as well.

    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );ener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );

That is what you have, so you can see… “too much”. ??

Glad you got it!

Yes, sorry… trying to multi-task here and added too much ‘stuff’… look again, as I edited. I must have pasted twice.

Sorry!

jQuery(function($) {

    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );ener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );

})

• This reply was modified 6 years, 5 months ago by Joseph G..
• This reply was modified 6 years, 5 months ago by Joseph G..

Sorry, double posted.

• This reply was modified 6 years, 5 months ago by Joseph G..

Need to define, which not sure why wasn’t on the other post:

    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );

• This reply was modified 6 years, 5 months ago by Joseph G..

Yes, still have console log error.

(index):412 Uncaught ReferenceError: wpcf7Elm is not defined

Sorryyyyyy!!!

jQuery(function($) {
})

I missed the closing ‘)’.

Try wrapping it:

jQuery(function($) {
}

You want to post the URL?

You look in the console (F12 on Chrome) to check for any errors?

Hi, Gary.

Sure thing, you can really put it most anywhere, but generally, it’s at the bottom (or top) of the form. So, you can place after your submit in the contact form configuration.

Make sense?

Same here!

Hi, @Brainee.

The .js should go into the page somewhere, usually toward the bottom of the page, like in the footer.php file or enqueue in functions.php by some method to show up in the footer area. I recommend identifying the page itself w/ a conditional statement, so doesn’t load on every page.

The, please make sure you put create your own success message, as shown above. Of course, you can style things however you wish as well.

Make sense?

The code snippet does not go in additional settings in CF7 UI.

Hope that helps, Brainee! Happy Wednesday!

• This reply was modified 6 years, 8 months ago by Joseph G..