CODEWITHSUNDEEP
phpjquerywordpress
Fjott
Fjott

Reputation: 1137

Fetch URL from Wordpress shortcode inside jQuery code

I have the following jQuery code in my Wordpress site, that waits for 0.8 seconds aften the button is clicked and before the site is redirected to the given URL written inside the window.location.

Wait before url is opened after button is clicked

$("#button").click(function() {

  setTimeout(function() {
    window.location = "https://www.w3schools.com";
  }, 800);

});

For adding the link text using the WP GUI I have installed the "Wordpress Custom Global Variables" plugin and fetches the link text like this in the front-page.php template file:

<button id="button"><?php echo do_shortcode( '[global_variable variable_name="LINKTEXT"]' ); ?></button>

Is there a way to somehow fetch the [global_variable variable_name="LINKURL"] in the window.location jQuery code, so that the link can be maintained from the GUI?

Upvotes: 1

Views: 356

Answers (1)

atoms
atoms

Reputation: 3093

On the Wordpress page you could define the JS var like this. 

<script type='text/javascript'>
    var sLink = '<?php echo do_shortcode( '[global_variable variable_name="LINKTEXT"]' ); ?>';
</script>

Then read it in your function:

$("#button").click(function() {
  setTimeout(function() {
    window.location = sLink;
  }, 800);
});

Note: You may have to use just sLink without the var if scoping is an issue. I would normally add these properties to an object called oViewBag or similar. Ensuring its defined in the correct scope.

Upvotes: 2

Related Questions