php - もっと見る

Question

データベースからコメントを取得し、105 文字までのコメントを表示します

私はこのコードを使用します <td>{$users.COMMENT|truncate:105:"..."}</td>

私が望むのは、コメントが 105 より大きい場合、105 文字に切り捨ててチェックボックスを配置することです。そうでない場合は、チェックボックスを配置しないでください。

ユーザーがチェックボックスをクリックすると、行が大きくなり、ユーザーには完全なコメントが表示されます。

どうやってやるの？

Answer 1

最も簡単な方法は、隠し要素を使用することです。

<td>
 <span class='comment_short'>{$users.COMMENT|truncate:105:"..."}</span>
 <span class='comment_full' style='display:none'>{$users.COMMENT}</span>
</td>

チェックボックスをクリックすると、各要素の表示が切り替わります。

Answer 2

HTML コード:

 <div id="container">
     <input type="checkbox" onclick="javascrpt: $('#container').toggleClass('active')">
     <div class='comment_short'>short comment </div >
     <div class='comment_full'>very loooooong comment very loooooong comment  very loooooong comment  very loooooong comment </div >
</div>

CSS コード:

div#container.active div.comment_full {
    display: block;
}

div#container div.comment_full {
    display: none;
}

ここに例http://jsfiddle.net/guTMs/1/

Answer 3

残りのテキストを<span style="display:none" id="more_text">タグに入れ、さらにボタンに次のように記述します。

<button name="more" value="more" onclick="document.getElementById('more_text').style.display = 'block'">