Pass a php variable to jQuery

Question

Possible Duplicate:
How to access PHP variables in JavaScript or jQuery rather than <?php echo $variable ?>

this may have been covered, but I'm wondering if it's possible to pass a php variable to a jQuery selector.

I have a variable called $tDate, and I want to be able to use it in this code:

$('$tDate').backstretch([
          "pot-holder.jpg",
          "coffee.jpg",
          "dome.jpg"
        ], {
            fade: 750,
            duration: 4000
        });

This issue has been covered though: http://stackoverflow.com/questions/1808108/how-to-access-php-variables-in-javascript-or-jquery-rather-than-php-echo-vari — Justus Romijn, Oct 04 '12 at 06:44

Justus Romijn · Answer 1 · 2012-10-03T09:43:53.000

I would suggest keeping your javascript as much as possible in seperate .js files. But you can set javascript variables in your php-generated html, like so:

<html>
  <head>
    <title>PHP variables to Javascript</title>
    <script type="text/javascript">
    var myVar = <?php echo $myVar; ?>;
    </script>
    <!-- you can use that variable in your .js files 
         that are loaded after setting the variable -->
    <script src="/javascripts/myjavascript.js"></script>

  </head>
  <body>
    <h1>Passing php variables to javascript</h1>
  </body>
  </html>

And your javascript could use that variable like so:

// I assume myVar is a string
$(myVar).backstretch
...

Seems nice and tidy this way to me. I don't like cluttering my clientside code with serverside code. And if you mess up your PHP variable somewhere in the future, you can easily detect it because it will throw an exception on the variable, instead of jQuery barfing up unreadable errors.

score 2 · Answer 2 · answered Oct 03 '12 at 08:39

2

$('<?PHP echo $tDate; ?>').backstretch([
      "pot-holder.jpg",
      "coffee.jpg",
      "dome.jpg"
    ], {
        fade: 750,
        duration: 4000
    });

answered Oct 03 '12 at 08:39

Adam Plocher

13,994
6
46
79

4

Worth mentioning the php extension required on the filename? – Undefined Oct 03 '12 at 08:40
2

Good point, you wouldn't be able to do this in a .js file (unless you set .js as a PHP interpreted file). This would need to be in a .PHP file. – Adam Plocher Oct 03 '12 at 08:41

score 0 · Answer 3 · answered Oct 03 '12 at 08:41

0

    <?php $tDate = "varXYZ";?>
    $('$<?php echo $tDate; ?>').backstretch([
      "pot-holder.jpg",
      "coffee.jpg",
      "dome.jpg"
    ], {
        fade: 750,
        duration: 4000
    });

answered Oct 03 '12 at 08:41

meWantToLearn

1,691
2
25
45

Pass a php variable to jQuery

3 Answers3