How to insert code php on javascript in smarty template

Question

I have a sample code: in .php

STemplate::assign('image', 'test.png');

in .tpl

{literal}
<script type="text/javascript">
var image_src = {$image};
alert(image_src);
</script>
{/literal}

How to fix it?

You probably want it to be "{$image}"; so that the javascript parser will see test.png as a string and not some javascript statement — Patrick Evans
– Patrick Evans, Commented Oct 14, 2014 at 10:13

Nanne · Accepted Answer · 2014-10-14 10:18:59Z

3

Your { are not working as smarty code, because you are in a literal block. You can break out of it like so:

{literal}
    <script type="text/javascript">
        var image_src = '{/literal}{$image}{literal}';
        alert(image_src);
    </script>
{/literal}

or, as you are not using { in javascript, do this

    <script type="text/javascript">
        var image_src = '{$image}';
        alert(image_src);
    </script>

I've also added some ' I think you need.

answered Oct 14, 2014 at 10:18

Nanne

64.4k16 gold badges122 silver badges166 bronze badges

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

1 Comment

Nanne Over a year ago

(If you do need { in the javascript, you can use {ldelim} when not using {literal} by the way)

Chinmay235 · Accepted Answer · 2017-08-30 10:45:55Z

0

You can solve your problem below 3 ways

1.

{literal}
    <script type="text/javascript">
        function myFunc(){
            var image_src = {/literal}{$image}{literal};
            alert(image_src);
        }
    </script>
{/literal}

2.

<script type="text/javascript">
        function myFunc(){ldelim}
            var image_src = {$image};
            alert(image_src);
        {rdelim}
</script>

3.

<script type="text/javascript">
  var myImage = {$image}
  {literal}
        function myFunc(){
            var image_src = myImage;
            alert(image_src);
        }
  {literal}
</script>

answered Aug 30, 2017 at 10:45

Chinmay235

3,4448 gold badges65 silver badges99 bronze badges

Collectives™ on Stack Overflow

How to insert code php on javascript in smarty template

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related