Display variable inside JavaScript

Question

I want to change a hyperlink inside a script with a variable. It's the FB SDK, i want to display the SDK in the language the user chose on my website.

The variable is {$lang_fb} and returns the correct result (here:en_US) if I use it in normal php.

If I use the variable inside a script on a plain HTML page there is no result.

The script:

<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/{$lang_fb}/sdk.js#xfbml=1&version=v2.5&appId=01234567890";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
<script>

results in the identical code in the page

What can I do?

It's not clear to me how you're using PHP to generate the file. — Blazemonger, Nov 05 '15 at 14:08
@Blazemonger you are making something with the question that is prohibited in stackoverflow. Causes conflicts with the author's intention — Marcos Pérez Gude, Nov 05 '15 at 14:10
If the snippet is NOT in a template/PHP page, then the `{$lang_fb}` will not be processed. If you know the language before loading this html, you can set a cookie and use that in place of the var — mplungjan, Nov 05 '15 at 14:12
I will remove my answer because you can't make that you try. A plain HTML file does static, it's a markup language not a programming language. So you can't insert variables or another thing that in a programming language you can. If you have a plain HTML you need to put static values where you are using variables. — Marcos Pérez Gude, Nov 05 '15 at 14:17
You can make the web server parse html pages as if they are php, and therefore embed php script inside an html file. If you were to do that then the answer from @MarcosPérezGude is correct. — Reinstate Monica Cellio, Nov 05 '15 at 14:19
Possibly duplicate of [php inside literal script - .tpl](http://stackoverflow.com/questions/13143561/php-inside-literal-script-tpl) — mplungjan, Nov 05 '15 at 15:27

Marcos Pérez Gude · Answer 1 · 2015-11-05T14:14:12.230

1

If you are in a PHP script, you need to put the php tags or escape the string.

Way one

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/<?php echo {$lang_fb} ?>/sdk.js#xfbml=1&version=v2.5&appId=01234567890";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Way two

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/".{$lang_fb}."/sdk.js#xfbml=1&version=v2.5&appId=01234567890";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

If you don't share more code we can't view what happens.

edited Nov 05 '15 at 14:14

answered Nov 05 '15 at 14:09

Marcos Pérez Gude

21,869
4
38
69

Sorry, my mistake. The page is in html, not in php. – Stan Nov 05 '15 at 14:12
Or you aren't explain fine your problem or is impossible that you can render a variable in HTML. HTML is a markup language, not a programming language. – Marcos Pérez Gude Nov 05 '15 at 14:16
Yes, but it's really a html (.tpl) file. And the variable works inside html. – Stan Nov 05 '15 at 14:21
Please, explain better your system of templates. Maybe if you use underscore or something similar you can achieve that with the javascript parser – Marcos Pérez Gude Nov 05 '15 at 14:25
the variable will be generated inside a settings.php with $smarty->assign('lang_fb', $lang_fb); – Stan Nov 05 '15 at 14:27
1

if it's php, your only solution is making a php file, not an html file. Sorry. – Marcos Pérez Gude Nov 05 '15 at 14:29
OK thks. I'm just wondering why {$lang_fb} works in the tpl file outsinde the script without any php mask – Stan Nov 05 '15 at 14:38
Sorry but if we don't know more details about your template system and your programming method we can help you better. Good luck! – Marcos Pérez Gude Nov 05 '15 at 14:40
@mplungjan ok, you are assuming that OP uses smarty template system. I was asked a lot of times since the oP writes the question and he doesn't answer to me. What if he uses Underscore, Boilerplate, or another template system? – Marcos Pérez Gude Nov 05 '15 at 14:57
hence I did not close it as duplicate but posted a comment – mplungjan Nov 05 '15 at 14:58
Sorry for my mistake. Yes it's smarty. I have no experience with that, so I didn't knew. – Stan Nov 05 '15 at 15:10
Ronny, see the @mplungjan comment, that is your solution – Marcos Pérez Gude Nov 05 '15 at 15:26
Yes I saw that, thanks. Looks good, i deal with it. At this time it's not working. Do I have to change the script, and can i use the {$lang_fb} in the fb src link? – Stan Nov 05 '15 at 15:43

score 1 · Accepted Answer · answered Nov 05 '15 at 16:49

1

The soluition:

 js.src = "//connect.facebook.net/{/literal}{$lang_fb}{literal}/sdk.js#xfbml=1&version=v2.5&appId=1234567890";

Thanks for your help!!!

answered Nov 05 '15 at 16:49

Stan

129
12

score 0 · Answer 3 · edited May 23 '17 at 12:30

0

Since you are using a file extension, that is not PHP related, you need to setup php to process this extension.

For apache you can do this with the file .htaccess:

AddHandler application/x-httpd-php .tpl

Of course you also need to require the Facebook SDK which creates {$lang_fb}.

edited May 23 '17 at 12:30

Community

1
1

answered Nov 05 '15 at 14:24

Christian Gollhardt

16,510
17
74
111

score -2 · Answer 4 · edited Nov 05 '15 at 14:14

-2

$lang_fb is a php variable and will not work in javascript. Are you embedding your script tag within php file? If yes then you can simply use the following:

<script>
    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/"+<?php echo $lang_fb; ?>+"/sdk.js#xfbml=1&version=v2.5&appId=01234567890";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

edited Nov 05 '15 at 14:14

ataravati

8,891
9
57
89

answered Nov 05 '15 at 14:13

yasirfarooqui

193
1
9

1

That's totally wrong. `"+ – Marcos Pérez Gude Nov 05 '15 at 14:20

Display variable inside JavaScript

4 Answers4

Way one

Way two