Passing data from PHP to JavaScript

Question

I have a simple php variable i need to carry over to a javascript part.

Code:

<?php
if ($p == 'home') { $selected == '0'; }
if ($p == 'music') { $selected == '1'; }
if ($p == 'videos') { $selected == '2'; }
if ($p == 'search') { $selected == '3'; }
if ($p == 'about') { $selected == '4'; }
if ($p == 'contact') { $selected == '5'; }
?>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", $selected) <-- $selected is the variable I want to carry over
</script>

Quentin · Accepted Answer · 2011-07-22 07:00:33Z

8

It is the same as any other piece of text.

tabdropdown.init("colortab", <?php echo $selected; ?>)

Since the value is one of a set of known values which are all numbers, it doesn't need escaping or quoting.

answered Jul 22, 2011 at 7:00

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

5 Comments

Shef Over a year ago

+1. Was just writing... Add a semicolon after the variable. :)

Mutation Person Over a year ago

Of, course this won't work if you have your JS in a separate file. But, for the purposes of the question, perfect answer.

rackemup420 Over a year ago

well what i posted resides in the same file, but the base js file is called into that page.

rackemup420 Over a year ago

tabdropdown.init("colortab", ) is what gets printed out

Quentin Over a year ago

Then none of the if statements is true.

tereško · Accepted Answer · 2011-07-22 07:19:14Z

4

First of all

<?php

$map = array(
   'home' => 0,
   'music' => 1,
   'videos' => 2,
   'search' => 3,
   'about' => 4,
   'contact' => 5 
);

$selected = $map[$p];

?>

And i would recommend to just use some variable, like :

?>
<script type="text/javascript">
var data = { /*something that you want to pass to the script */ };
</script>
<?php

And then , lower, when you include your external JS files ( they should be right before closing tag ) , you can check within the files if variable data is set. And then act upon that data .

edited Jul 22, 2011 at 7:19

answered Jul 22, 2011 at 7:10

tereško

58.5k26 gold badges100 silver badges151 bronze badges

Comments

Mutation Person · Accepted Answer · 2011-07-22 07:04:33Z

0

Although the above solutions will help, it required you having JavaScript embedded your HTML/PHP file (which, granted you do have).

If you have a separate js file then you will need to take a different approach.

Store it in a hidden HTML variable:

<input type="hidden" id="ColorTabSelected" value="<?php echo($selected);?>">

Then in your js

var selected = document.getEelementById("ColorTabSelected").value;
tabdropdown.init("colortab", selected);

In general, I find this approach preferable anyway, it promotes separation and means that you don't have a executable module of code that is changeable and dynamic. This means you can isolate it effectively for unit testing.

answered Jul 22, 2011 at 7:04

Mutation Person

30.6k18 gold badges102 silver badges166 bronze badges

Comments

magquast · Accepted Answer · 2011-07-22 07:39:48Z

0

<?php
$p = 'home';
$map = array(
    'home' => '0',
    'music' => '1',
    'videos' => '2',
    'search' => '3',
    'about' => '4',
    'contact' => '5'
);
$selected = isset($map[$p]) ? $map[$p] : $map['home'];
?>
<script type="text/javascript">
tabdropdown.init("colortab", <?=$selected?>)
</script>

answered Jul 22, 2011 at 7:39

magquast

1012 silver badges2 bronze badges

Comments

ChristopheCVB · Accepted Answer · 2013-02-20 15:00:10Z

-1

Try with :

<?php $yourVar = "hello"; ?>
<script>
 var yourVar = "<?php echo $yourVar ?>"
</script>

edited Feb 20, 2013 at 15:00

answered Jul 22, 2011 at 7:02

ChristopheCVB

7,3031 gold badge31 silver badges54 bronze badges

1 Comment

Mike Graf Over a year ago

that will just echo the (string) value of $yourVar, you need to add something like "var yourVar = "

Collectives™ on Stack Overflow

Passing data from PHP to JavaScript

5 Answers 5

5 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related