请参阅javascript的更多信息
See More with javascript
我从数据库中检索注释,并显示具有字符限制的注释,直到105
我使用这个代码<td>{$users.COMMENT|truncate:105:"..."}</td>
我想要的是,如果注释大于105,则将其截断为105个字符,并加上复选框。如果不加,则不加复选框。
如果用户单击复选框,行将变大,用户将看到完整的注释。
我该怎么做?
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/
最简单的方法是使用隐藏元素。
<td>
<span class='comment_short'>{$users.COMMENT|truncate:105:"..."}</span>
<span class='comment_full' style='display:none'>{$users.COMMENT}</span>
</td>
然后,单击复选框时,可以切换每个图元的可见性。
将剩余文本放在<span style="display:none" id="more_text">
标签和更多按钮上,写下以下内容:
<button name="more" value="more" onclick="document.getElementById('more_text').style.display = 'block'">
相关文章:
- 使用javascript后台脚本获取Yotutube频道信息
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- Javascript.如何用javascript将信息发送到另一个网站
- JavaScript:是否可以将图像/信息附加到数组项
- javascript onclick获取更多信息
- javascript可以获取或设置打印机信息
- 用javascript将信息/变量从一个网页传递到另一个网页
- Javascript函数详细信息
- 如何使用javascript为预览表发布信息
- Javascript谷歌地图每个信息窗口
- 从脚本中的动态(javascript)网页获取信息
- JQuery/Javascript来获取给定URL的Http Header详细信息
- JavaScript:解析奇数字符串以获得必要的信息(RegEx)
- 使用javascript/Jquery获取HTML5文件的详细信息
- 你如何从 iframe 获取信息?(JavaScript和/或Python)
- 如何将变量分配给链接中包含的信息?(Javascript/HTML)
- 获取有关访问者的信息(Javascript/PHP)
- 我如何登录与GMAIL和获取用户信息(Javascript)
- 如何使用IN.API.Profile("me")获取公司详细信息Javascript API调用
- 将信息JavaScript发送到Android(网络视图)