jsp页面,table中的文本溢出,用省略号代替,鼠标滑过显示全部文本
展开全部
先说一下,看看能不能自己实现了。
不知道页面上面是不是可以用c:if标签,如果不可以,而用得是嵌入java代码的形式,也行。自己看着判断一下字符串的长度,如果超过一定的长度(可以设为十个或者几个字),就显示截取固定长度的字符串,然后后面显示省略号。这是省略号的显示。
鼠标尝过,显示全部文本。这一点做到其实比较简单。最简单的方式就是,把已经显示的内容(比如,上面截取出来的字符串),外面加上一个标签(可以是font),然后在利用这个标签的title属性,类似如下:
<td><font title="这里是显示的所有文字,没有任何省略">这里是显示的简略文字</font></td>
这样,在鼠标划过的时候,就能显示出完整的内容
再者,就是通过标签的onmouseover,来控制了。
<html>
<body>
<table>
<td><div onmouseover="document.getElementById('001_word_detail').style.display=''"
onmouseout="document.getElementById('001_word_detail').style.display='none'"
id="001_word" >这里是显示的文字的简略内容</div>
<div style="display:none;position:absolute;" id="001_word_detail">这里显示的是全部的文字,没有一点简略</div>
</td></table>
</body>
</html>
试试看。
当然,如果是大量的数据,而且里面又有各种标点符号的话,可能还是需要一楼说得,得借助ajax了。
看看前面说得这两种方法,能不能满足需要么。
天天开心呀。。。
:)
不知道页面上面是不是可以用c:if标签,如果不可以,而用得是嵌入java代码的形式,也行。自己看着判断一下字符串的长度,如果超过一定的长度(可以设为十个或者几个字),就显示截取固定长度的字符串,然后后面显示省略号。这是省略号的显示。
鼠标尝过,显示全部文本。这一点做到其实比较简单。最简单的方式就是,把已经显示的内容(比如,上面截取出来的字符串),外面加上一个标签(可以是font),然后在利用这个标签的title属性,类似如下:
<td><font title="这里是显示的所有文字,没有任何省略">这里是显示的简略文字</font></td>
这样,在鼠标划过的时候,就能显示出完整的内容
再者,就是通过标签的onmouseover,来控制了。
<html>
<body>
<table>
<td><div onmouseover="document.getElementById('001_word_detail').style.display=''"
onmouseout="document.getElementById('001_word_detail').style.display='none'"
id="001_word" >这里是显示的文字的简略内容</div>
<div style="display:none;position:absolute;" id="001_word_detail">这里显示的是全部的文字,没有一点简略</div>
</td></table>
</body>
</html>
试试看。
当然,如果是大量的数据,而且里面又有各种标点符号的话,可能还是需要一楼说得,得借助ajax了。
看看前面说得这两种方法,能不能满足需要么。
天天开心呀。。。
:)
展开全部
CSS有个属性是设置超过的部分就用省略号表示,做一个div层,设置这个属性,鼠标经过时,用JS把这个属性取消,鼠标移出时再复原
这是个思路,指定能实现,代码自己写吧
这是个思路,指定能实现,代码自己写吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以考虑js或者结合ajax。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询