Fetch URL from Wordpress shortcode inside jQuery code

Question

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?

atoms · Accepted Answer · 2019-01-15 12:32:15Z

2

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.

answered Jan 15, 2019 at 12:32

atoms

3,1032 gold badges25 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tschallacka Over a year ago

Better would it be to register an object on the window objects that holds your custom variables. window.myShortCodeValues = {'sLink' : '<?php echo do_shortcode( '[global_variable variable_name="LINKTEXT"]' ); ?>'}; so you can read it with window.myShortCodeValues.sLink and rest assured that not another script will overwrite your variable accidentally. and you can add other shortcode values too it as desired, all stored neatly under one object.

atoms Over a year ago

Agree, that's what I'm getting at with the ViewBag. Happy to advocate your answer if you wish to post it.

Tschallacka Over a year ago

Nah, you edited in the oViewBag as I wrote my comment, your answer is sufficient :-)

Collectives™ on Stack Overflow

Fetch URL from Wordpress shortcode inside jQuery code

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related