Smarty variable inside javascript

Question

I am really starting with Smarty and I do not understand this fact:

if I put the next code inside my template index.tpl

<script type="text/javascript">
  function toAlert() {
    alert('{$text}' );
  }
</script>

I can access to the function toAlert and show the content of Smarty variable {{$text}}, but if I put this code into a js file lije javascript.js and I try to access it by putting into de template the link:

I cannot access to the function as well.

Can anyone tell me why or help wher can I find this specific info? thank you!!

php executes before the page is loaded, so the js above actually looks like alert('theactualvalueof$text');. Therefor it cant work the other way arround, as php has already beed parsed when js runs — Steve
– Steve, Commented Jul 15, 2014 at 15:32
What I finally did was to load the PHP texts n the javaScript variables in the temaplate, like this: var text = '{$text}'; and then I could use the javascript variable text inside the <script> file loaded after the PHP code. — jmcordoba
– jmcordoba, Commented Nov 6, 2014 at 16:20
Yes, thats a good solution. Storing them as properties of an object instead of individual variables might be a little cleaner, eg var data = { text: '{$text}', other: '{$other}'}; Then you can access alert(data.text + ' ' + data.other); — Steve
– Steve, Commented Nov 6, 2014 at 16:30

Masiorama · Accepted Answer · 2023-07-24 11:51:39Z

4

Smarty 2 requires escaping of the "{" and "}" characters, you can use {ldelim} and {rdelim} to escape them individually or wrap entire blocks of text with {literal}{/literal}. It's usually cleaner to use {ldelim} and {rdelim} when there is embedded smarty tags, so example:

<script type="text/javascript">
  function toAlert() {ldelim}
    alert('{$text}');
  {rdelim}
</script>

Smarty 3 conveniently ignores "{" and "}" characters surrounded by white space, so your javascript example would work as-is.

edited Jul 24, 2023 at 11:51

Masiorama

1,13617 silver badges30 bronze badges

answered Jul 18, 2014 at 16:33

mohrt

5045 silver badges3 bronze badges

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

1 Comment

Ashylen Over a year ago

There is a typo in {redlim}. Should be {rdelim}.

Marcin Nabiałek · Accepted Answer · 2014-07-15 20:48:49Z

3

You should put this code intp TPL file to make this work. Only TPL files are processed as Smarty files and you can use there Smarty variables.

Your code put should work out of the box in your index.tpl file but if it weren't try:

<script type="text/javascript">
{literal}
  function toAlert() {
    alert('{/literal}{$text}{literal}' );
  }
{/literal}
</script>

answered Jul 15, 2014 at 20:48

Marcin Nabiałek

112k43 gold badges271 silver badges300 bronze badges

1 Comment

ZainZaheer06 Over a year ago

You are putting wrong '/' in alert literal <script type="text/javascript"> {literal} function toAlert() { alert('{literal}{$text}{/literal}' ); } {/literal} </script>

Collectives™ on Stack Overflow

Smarty variable inside javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related