php shortcode into jquery

Question

I have a Wordpress based website, and some of the content is loaded through javascript. For example:

jQuery(".portfolio-fs-slides").css({"display":"none"}).prepend('<div class="portfolio-fs-          slide current-slide portfolio-ppreview"><div class="project-coverslide"></div><div id="content" class="content-projectc contenttextwhite"></div></div>');

What I want to do is append this shortcode: <?php echo do_shortcode('[daisy]'); ?>

But as far as I know is not really possible to append php code in javascript. Is there any workaround to accomplish this ? Thanks!

The PHP needs to be executed serverside. However you can echo js code to be interpreted by the client. — Bergi
– Bergi, Commented Aug 22, 2012 at 16:35
so, you're saying to append the echoed shortcode in that function ? — agis
– agis, Commented Aug 22, 2012 at 16:49
I've tried to add a class="clickable">CLICK HERE</a> inside that function and it's not working, my website crash — agis
– agis, Commented Aug 22, 2012 at 17:43

ernie · Accepted Answer · 2012-08-22 17:02:09Z

1

As @Bergi mentioned, the PHP will run serverside, and the JS will run client side. You can output JS (or parts of your JS) via PHP and have it run client side, e.g.

<script>
    // extra code here
    jQuery(".portfolio-fs-slides").css({"display":"none"}).prepend('<div class="portfolio-fs-          slide current-slide portfolio-ppreview"><div class="project-coverslide"></div><div id="content" class="content-projectc contenttextwhite"></div></div>'); 
    <?php echo 'we can output valid js here' ?>
    // more code here
</script>

One way to think of this is that since PHP runs server side, it will always run before the JS is parsed.

Put another way, you could have a javascript line like this:

console.log(<?php echo $someVariable ?>);

answered Aug 22, 2012 at 17:02

ernie

6,37626 silver badges29 bronze badges

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

1 Comment

agis Over a year ago

I'm thinking to add it like this: ('.portfolio-fs-viewport').append('<a class="clickable">CLICK HERE</a>'); but I receive this in console : yntaxError: Unexpected token <

Collectives™ on Stack Overflow

php shortcode into jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related