查看有关跨度控制的更多信息 - See more with span control

See more with span control

本文关键字：信息控制 | 更新日期: 2023-09-27

我从数据库中检索注释。如果用户点击"devam"链接，我希望他/她能看到完整的评论。

为了做到这一点，我编写了以下代码。我使用template_lite，如果注释的字符数大于95，则会使其截断。使用下面的代码，当我点击"devam"链接时，它会显示一个更长的评论，但只是第一个。为什么？怎么了？

foreach value=users from=$comment}
    <tr>
        <td>{$users.ADD_DATE}</td>
        <td>{$users.NAME}</td>
        {if $users.COMMENT|count_characters > 95}
            <td><span id="comment12kisa">{$users.COMMENT|truncate:95:"..."}
                </span><a href="" onclick="$('#comment12kisa').html($('#comment12uzun').html());return false;">devami</a></td>
        {else}
            <td><span id="comment12uzun">{$users.COMMENT}</span></td>
        {/if}
        <td><center><input type="checkbox" name="checkComment[]" value={$users.ID} /></center></td>
    </tr>

需要一个唯一的id，

中的错误

 {foreach value=users from=$comment}
     <tr>
         <td>{$users.ADD_DATE}</td>
         <td>{$users.NAME}</td>
         {if $users.COMMENT|count_characters > 95}
             <td><span id="comment12kisa_{$users.COMMENT.id}">{$users.COMMENT|truncate:95:"..."}
             </span><a href="" onclick="$('#comment12kisa_{$users.COMMENT.id}').html($('#comment12kisaa_{$users.COMMENT.id}').html());return false;">devami</a></td>
         {else}
             <td><span id="comment12kisaa_{$users.COMMENT.id}">{$users.COMMENT}</span></td>
         {/if}
         <td><center><input type="checkbox" name="checkComment[]" value={$users.ID} /></center></td>
     </tr>
 {/foreach}

您需要将COMMENT的全部值放入一个隐藏元素中，然后显示出来。目前，您只生成HTML中的截断版本。

{if $users.COMMENT|count_characters > 95}
    <td><span id="comment12kisa">{$users.COMMENT|truncate:95:"..."}
    </span>
    <span id="comment12uzun" style="display"none">{$users.COMMENT}</span> <-- you need THIS
    <a href="" onclick="$('#comment12kisa').html($('#comment12uzun').html());return false;">devami</a></td>
{else}

因为每个跨度都有一个id。作为一种解决方案，您可以将comment.id添加到跨度中，类似于：

<span id="comment12kisa_{$users.COMMENT.id}">
    {$users.COMMENT|truncate:95:"..."}
</span>

当然，您还需要在JavaScript代码中对其进行更改。

问题是只有注释的截断版本或完整版本，而不是两者都有。如果评论超过95个字符，则需要将完整版本存储在某个位置，并在用户单击链接时显示。

    {if $users.COMMENT|count_characters > 95}
        <td>
            <span id="comment12kisa">{$users.COMMENT|truncate:95:"..."}</span>
            <a href="" onclick="$('#comment12kisa').html($('#comment12uzun').html());return false;">devamı</a>
            <span id="comment12uzun" style="display:none">{$users.COMMENT}</span>
        </td>
    {else}
        <td>
            <span id="comment12uzun">{$users.COMMENT}</span>
        </td>
    {/if}