Question

I need to be able to insert some PHP into an external .js file. Is this possible? I have created a slider using basic slider and need to have the page titles as markers at the top of the slider.

This is the code the .js file uses to generate the markers currently.

var slidenum    = key + 1, 
var marker = $('<li><a href="#">'+ slidenum +'</a></li>'); 

I need to replace ‘+ slidenum +’ with the WordPress function ‘get_title’. Can this be replaced with php?

Answer 1

You can define JS variables in your php files, then use those variables in your external js.

for example, in one of your PHP files, you can add:

<script type="text/javascript">
// variable1 = number
variable1 = <?php echo $var1; ?>;
// variable2 = string
variable2 = "<?php echo $var2; ?>";
</script>

And for your question:

<script type="text/javascript">
slidenum = "<?php the_title(); ?>";
</script>

the_title() reference: http://codex.wordpress.org/Function_Reference/the_title

Update – The Loop:

<?php 
$slider_titles = array();
if ( have_posts() ) : while ( have_posts() ) : the_post(); 
  // your codes go here
  $slider_titles[] = get_the_title(); // adds the title to the array  
endwhile; endif;
?>

<script type="text/javascript">
slidenum = <?php echo json_encode($slider_titles); ?>;
</script>

When your loop is over then you add the javascript part