How to add wordpress permalink in JS file (onclick, window.open)?

Question

On click I want to open a popup window which will allow my visitors to share my blog via FACEBOOk. Everything works great, but the problem is I cant get the permalink of the current article. How to add php in javascript?

// Replace the images with the following div and pin button
    $button_div = '<div class="plugin">
      <div class="imgshare">
        <div class="postfb">
            <a onclick="popItUp()">
                <img src="http://www.example.com/wp-content/facebook.png" width="45px" />
            </a>
        </div>

      </div>
      <div class="demo"><img$1src="$2.$3" $4 width="$5" height="$6" /></div>
    </div>';

    // Replace the images with a containing div with a pin button on the image
    $content = preg_replace( $pattern, $button_div, $content );

    return $content;
    }
}

<script>
    function popItUp(url) {
        var newWindow = window.open('http://www.facebook.com/share.php?u=<?php the_permalink(); ?>&title=<?php the_title(); ?>', 'name', 'height=615,width=475,scrollbars=yes');

        if (newWindow.focus) {
            newWindow.focus();
        }
    }
</script>

Thomas Clayson · Accepted Answer · 2015-03-30 14:11:51Z

1

the_permalink() only works within "the loop".

I assume this code is outside of the main post loop in which case you need to use get_permalink() and pass the ID of the post that is being viewed.

You can get the ID of the current post by getting the post object from the $wp_query;

function getPostID(){
    $post = $wp_query->post;
    return $post->ID;
}

Now you can use:

<?php echo get_permalink(getPostID()) ?>

answered Mar 30, 2015 at 14:11

Thomas Clayson

29.9k26 gold badges153 silver badges226 bronze badges

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

Collectives™ on Stack Overflow

How to add wordpress permalink in JS file (onclick, window.open)?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related