Custom field in external Javascript

How do I use a custom filed value in an external javascript? I'd like to use a custom field already stored for a post that is an url in an external javascript

script type='text/javascript' src='http://www.my-website.com/wp-content/themes/mytheme/js/scripts.js'/script

in order to open a new window

onclick="window.open('MY_CUSTOM_FIELD_VALUE');"

I tried to add

global $post; $cf = get_post_meta( $post-ID, 'my_custom_field', true );

but it doesn't work. Thanks for your help.

Topic custom-field Wordpress javascript

Category Web


I had a similar problem using custom field values in a widget that used JavaScript. I wrote a tutorial explaining it. Try this code:

<?php 
global $post;
$cf = get_post_meta($post->ID, 'my_custom_field', true);     
?>

<button onclick="window.open(<?php echo json_encode($cf); ?>);">Click me</button>

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.