[Resolved] Passing a custom field to the JS in a template

[Author]

Posts

[Timothy]

Hi,

I'm using Contact Form 7 and have embedded a form in a Content Template. The Content Template is for a CPT called Articles. The Articles have a custom field for URL. Upon submission of the form I'm trying to redirect to that url.

This is the code I'm using in the JS panel:
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = '[types field='link-to-article' output='raw'][/types]';
}, false );

And this is a sample page:
hidden link

The redirect is not working though.

Tim

[Shane]

Hi Timothy,

Thank you for getting in touch.

Actually this is not valid code.
[php]
location = '[types field='link-to-article' output='raw'][/types]';
[php]

Shortcodes can't be rendered in JS. What you need to do is to load the shortcode on the page itself and then use JS to get the value from the page.

https://stackoverflow.com/questions/5617952/jquery-how-do-i-get-the-url-of-an-anchor-contained-within-a-clicked-li-tag

Have a look at this link above.

Thanks,
Shane

[Timothy]

Thanks Shane, I don't really know Javascript but I managed to get the URL to appear in an alert box, so I can grab it from the page. Now I guess I need to pass it to the code I had, but this doesn't work... am I close? This

var myLink = document.getElementById("myLink");
var myURL = myLink.href; 

document.addEventListener( 'wpcf7mailsent', function( event ) {
location = (myURL);
}, false ); 

This causes a redirect but just append myURL to the existing url.

Tim

[Timothy]

oh, wait, actually that does work.

[Shane]

Hi Timothy,

Could you send me a link to the page where you have the link ?

Also please let me have a screenshot of the exact area where the link is so that I can use some js to get the link for you.

Thanks,
Shane

[Timothy]

My code above worked, thanks!