Using a smarty array in javascript

Question

I am trying to use smarty in javascript.

Here is my complete code of the .php and .tpl :

.Php

<?php

$_CRUMBS->Add("User false logs", "/users/user false logs/");


$ufl = $_DB->queryRaw("SELECT `user_id` ,`firstname`,`lastname` FROM `employees`");

while ($row = $ufl->next_assoc()) {
$results[] = $row;
}

$smarty->assign("ufl",$results);
$smarty->TDisplay("users/backend_users.tpl", "MDPI Backend | Backend Users", "general-content.tpl");

?>

.tpl

<h1>Create Backend Users</h1>



<script>
$(function() {
    var availableTags = [
        {foreach from=$ufl item=uflItem}
            <tr>
                <td>{$uflItem['firstname']}</td>
            </tr>
    {/foreach}
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>


<div class="demo">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>

</div><!-- End demo -->

But I have errors there. I have tryed wit literal but nothing changed. Thank you.

Smarty is not for javascript. Smarty is for PHP. Don't mix concerns :( — Florian Margaine
– Florian Margaine, Commented Jun 11, 2012 at 7:28
items in array should be separated by commas and wrapped in quotes, since they are strings. — Fabrizio Calderan
– Fabrizio Calderan, Commented Jun 11, 2012 at 7:30
I am a novice in PHP, smarty and Javascript developping. My goal here is o create an autocomplete box with an smarty array named $ufl. The vorking example is taken form jqueryui.com/demos/autocomplete but my goal is to usee the smarty variable instead of static array. — Milos Cuculovic
– Milos Cuculovic, Commented Jun 11, 2012 at 7:34

Aleks G · Accepted Answer · 2012-06-11 08:33:19Z

2

You definitely will have errors here, as you're using { and }, which are reserved characters in smarty. Change them to {ldelim} and {rdelim}. Also, dereferencing an array in smarty has different syntax: one dot. I'm not too sure why you're putting <tr> and <td> around the items, but you know better. You may have further troubles because your autocomplete options have line-breaks in them, so use {strip} to solve this.

Try this code instead:

<script>
$(function() {ldelim}
    var availableTags = [
        {foreach from=$ufl item=uflItem name=uflloop}{strip}
            '<tr>
                <td>{$uflItem.firstname|escape:'quotes'}</td>
            </tr>'
            {if !$smarty.foreach.uflloop.last},{/if}
    {/strip}{/foreach}
    ];
    $( "#tags" ).autocomplete({ldelim}
        source: availableTags
    {rdelim});
{rdelim});
</script>

edited Jun 11, 2012 at 8:33

answered Jun 11, 2012 at 7:36

Aleks G

57.5k34 gold badges180 silver badges280 bronze badges

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

6 Comments

Milos Cuculovic Over a year ago

Thank you Aleks, may be I forgot to mention that I am trying to use this in a .tpl file. When I am trying your code, I am getting also some errors like Multiple annotations found at this line: - Missing semicolon - Syntax error on tokens, delete these

Aleks G Over a year ago

@Ana Well, that would be caused by javascript syntax errors in your original code. I updated my answer to (hopefully) fix those.

Milos Cuculovic Over a year ago

thank you again, I updated my question with the entire code. I tryed your edited code but still the same errors, I don't know wyy :-(

Milos Cuculovic Over a year ago

Could may be help: the {ldelim} and {rdelim} are not in purple color when inside of the script but they are when outside. May be that's the reason why I hgave those errors.

Milos Cuculovic Over a year ago

Thank you for your help, I solved the problem by using quotes.

|

bershika · Accepted Answer · 2012-06-18 21:00:58Z

2

I suggest using json_encode, like this:

$names = array();
foreach($result in $results)
    $names = $result['firstname']
$smarty->assign("names",json_encode($names));

and then later in js:

<script>
$(function(){
    var availableTags = {/literal}{$names}{literal}; //array is pulled out from smarty
    $("#tags" ).autocomplete({
        source: availableTags
    });
});

</script>

answered Jun 18, 2012 at 21:00

bershika

1,01011 silver badges8 bronze badges

Comments

EaterOfCode · Accepted Answer · 2012-06-11 07:35:29Z

1

<h1>Create Backend Users</h1>



<script>{literal}
$(function() {
    var availableTags = [
        {/literal}{foreach name=things from=$ufl item=uflItem}
            "{$uflItem['firstname']}"{if $smarty.foreach.things.last != true} ,{/if}
    {/foreach}{literal}
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});{/literal}
</script>


<div class="demo">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>

you have to put literal around the curly's of js otherwise smarty is going to die

answered Jun 11, 2012 at 7:35

EaterOfCode

2,2423 gold badges21 silver badges34 bronze badges

12 Comments

Milos Cuculovic Over a year ago

Thank you EaterOfCorpses, As I said to Alex, I am trying to use this code in a .tpl file and When I am trying to use your example, I am getting some errors.

Milos Cuculovic Over a year ago

Multiple annotations found at this line: - Syntax error on tokens, delete these tokens

Milos Cuculovic Over a year ago

It's like there is something missing and the code is not recogniwed as is.

EaterOfCode Over a year ago

and if you replace $uflItem['firstname'] by $uflItem.firstname ?

Milos Cuculovic Over a year ago

Yes, the smarty part shuld be right. I updated my question with the complete code.

|

Eugene · Accepted Answer · 2012-06-11 08:33:44Z

0

your code looks fine, the only problem that I see without running it is in javascript. Try something like this:

<script>
$(function() {
    var availableTags = [
        {foreach from=$ufl key=index item=uflItem}
            '<tr>\
                <td>{$uflItem['firstname']}</td>\
            </tr>'{if isset($ufl[$index+1])},{/if}
    {/foreach}
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>

By the way, since Smarty 3 {literal} tag is not required.

answered Jun 11, 2012 at 8:33

Eugene

3,37524 silver badges17 bronze badges

1 Comment

Milos Cuculovic Over a year ago

Thank you, I am using one of the earlyest smarty.

Collectives™ on Stack Overflow

Using a smarty array in javascript

4 Answers 4

6 Comments

Comments

12 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

12 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related