Add shortcode using javascript WordPress

Question

I am using WordPress and I have replace some content inside a div using Javascript. It is working.

<script type="text/javascript">
var yourHTML = '<div class="mydiv">Test</div>';
document.getElementsByClassName('services-right')[0].innerHTML = yourHTML;
</script>

Now I want to insert a shortcode [jw_easy_logo slider_name="partners"] but it is not working when I am inserting then nothing happen on front-end.

<script type="text/javascript">
var yourHTML = '<div class="mydiv">[jw_easy_logo slider_name="partners"]</div>';
document.getElementsByClassName('services-right')[0].innerHTML = yourHTML;
</script>

Shortcode is not working but normal HTML is working.

instead of sort code you need to update HTML and for it you have to apply ajax code for it and replace entire HTML of response of ajax via java script. — Ashish Patel
– Ashish Patel, Commented Jan 2, 2017 at 12:58

Ankur Bhadania · Accepted Answer · 2017-01-02 13:17:22Z

2

Try this code

First get the output from shortcode using the do_shortcode().

<script type="text/javascript">
    var yourHTML = '<div class="mydiv"><?php do_shortcode("[jw_easy_logo slider_name=partners]");?></div>';
    document.getElementsByClassName('services-right')[0].innerHTML = yourHTML;
</script>

NOTE: this code is working if shortcode is used the return not echo

edited Jan 2, 2017 at 13:17

answered Jan 2, 2017 at 13:03

Ankur Bhadania

4,1681 gold badge25 silver badges40 bronze badges

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

1 Comment

Iftek Har Over a year ago

It is a good idea but I am using a plugin "Header and Footer Scripts" which allow to insert only JavaScript. It will be very suitable if it start work only by JavaScript.

Alon G · Accepted Answer · 2018-12-23 14:30:43Z

1

in addition to what @Ankur said: "NOTE: this code is working if shortcode is used the return not echo"

even if the shortcode echos, you can use ob_start() and ob_get_clean() around the shortcode, so it won't print it striaght away.

answered Dec 23, 2018 at 14:30

Alon G

3,42133 silver badges31 bronze badges

Collectives™ on Stack Overflow

Add shortcode using javascript WordPress

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related