How to insert php code inside javascript

Question

Kindly pls have a look at the code below ! Its working perfectly except the php code is not giving any output. When i insert the output of the php , the script work perfectly.

<script type="text/javascript">
function LoadVideoBar() {
  var videoBar;
  var barContainer = document.getElementById("videoBar");

  var options = {
    largeResultSet : false,
    horizontal : true,
    autoExecuteList : {
      cycleTime : GSvideoBar.CYCLE_TIME_SHORT,
      cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
      executeList : [ "<?php $cat = get_the_category(); $cat = $cat[0];  echo $cat->cat_name; echo "-"; echo wp_title(); ?> "]
    }
  }

  new GSvideoBar(
            document.getElementById("videoBar"),
            document.getElementById("videoPlayer"),
            options
            );
}
GSearch.setOnLoadCallback(LoadVideoBar);

When i replace the php code

<?php $cat = get_the_category(); $cat = $cat[0];  echo $cat->cat_name; echo "-"; echo wp_title(); ?>

with some text like : categoryname-title name

The script works perfectly.

Can somebody help me out with this small issue ...

Many Thanks in Advance!

meda · Accepted Answer · 2016-11-27 13:12:09Z

2

If you ever need to pass data between the two. Put the PHP value into a hidden field. then read it like you did with bar container

Save the value from PHP:

<?php $cat = get_the_category(); $cat = $cat[0]; ?>
<input id="executeListValue" type="hidden" 
       value="<?php echo $cat->cat_name."-".wp_title();?>" >

read it in js:

var executeListValue = document.getElementById("executeListValue").value;
//...
autoExecuteList : {
  cycleTime : GSvideoBar.CYCLE_TIME_SHORT,
  cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
  executeList : executeListValue
}

edited Nov 27, 2016 at 13:12

answered Apr 17, 2014 at 16:53

meda

45.5k14 gold badges96 silver badges123 bronze badges

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

Comments

Joe · Accepted Answer · 2014-04-17 17:01:32Z

1

if the php code is replaced and the script works fine means php is having some error while executing. can you please try to see the source code of the html page. this may be happening because of some php error happening and those error message string could be making some syntax error to javascript.

try to put the php code outside the javascript tag and see the output generated from it.

<?php 
$cat = get_the_category(); 
$cat = $cat[0];  
$output= $cat->cat_name."-".wp_title(); 
?>

and then try to print the output in the javascript.

executeList : [ "<?php print $output; ?>"]
    }

by this way you can see if any php error is encountered.

answered Apr 17, 2014 at 17:01

Joe

6081 gold badge9 silver badges18 bronze badges

Comments

takeit · Accepted Answer · 2014-04-17 17:03:02Z

0

Replace "-" with '-' in Javascript code in line:

[ "<?php $cat = get_the_category(); $cat = $cat[0]; echo $cat->cat_name; echo "-"; echo wp_title(); ?> "]

edited Apr 17, 2014 at 17:03

answered Apr 17, 2014 at 16:54

takeit

4,0911 gold badge22 silver badges36 bronze badges

1 Comment

BackSlash Over a year ago

How is this going to help the OP?

Collectives™ on Stack Overflow

How to insert php code inside javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related