处理jsp显示文字过长问题的解决方法
程序员文章站
2023-11-16 22:41:28
复制代码 代码如下:
<tr>
<td height="60px;" width="20%" align="right" valign="top">
<font style="font-weight: bold;">标题:</font>
</td>
<td height="60px;" width="80%" align="left" valign="top">
<a id="span_content" href="#" style="color: white;" onmousemove="showdiv('span_div','',event)" onmouseover="showdiv('span_div','',event)" onmouseout="showdiv('span_div','none',event)">
<c:if test="${fn:length(schedule.content eq null?'无':schedule.content)>70}">${fn:substring(schedule.content eq null?'无':schedule.content,0,70)}...</c:if></a>
<span id="span_content_span"><c:if test="${fn:length(schedule.content eq null?'无':schedule.content)<=70}">
${schedule.content null?'无':schedule.content}</c:if></span>
</td>
<div id="span_div" class="showdiv" style="display:none">
${schedule.content eq null?'无':schedule.content}
</div>
</tr>
<script type="text/javascript">
function showdiv1(objstr,str,ev) {//根据鼠标位置显示对象,参数ev为event
var objx,objy;//对象的位置(x,y)
var mousex=10;//对象的(x)水平位置距离鼠标的宽度
var mousey=-2;//对象的(y)垂直位置距离鼠标的高度
var obj = document.getelementbyid(objstr);
obj.style.display=str;//显示或隐藏对象
obj.style.left ='200px';
obj.style.top ='110px';
}
</script>
复制代码 代码如下:
<tr>
<td height="60px;" width="20%" align="right" valign="top">
<font style="font-weight: bold;">标题:</font>
</td>
<td height="60px;" width="80%" align="left" valign="top">
<a id="span_content" href="#" style="color: white;" onmousemove="showdiv('span_div','',event)" onmouseover="showdiv('span_div','',event)" onmouseout="showdiv('span_div','none',event)">
<c:if test="${fn:length(schedule.content eq null?'无':schedule.content)>70}">${fn:substring(schedule.content eq null?'无':schedule.content,0,70)}...</c:if></a>
<span id="span_content_span"><c:if test="${fn:length(schedule.content eq null?'无':schedule.content)<=70}">
${schedule.content null?'无':schedule.content}</c:if></span>
</td>
<div id="span_div" class="showdiv" style="display:none">
${schedule.content eq null?'无':schedule.content}
</div>
</tr>
<script type="text/javascript">
function showdiv1(objstr,str,ev) {//根据鼠标位置显示对象,参数ev为event
var objx,objy;//对象的位置(x,y)
var mousex=10;//对象的(x)水平位置距离鼠标的宽度
var mousey=-2;//对象的(y)垂直位置距离鼠标的高度
var obj = document.getelementbyid(objstr);
obj.style.display=str;//显示或隐藏对象
obj.style.left ='200px';
obj.style.top ='110px';
}
</script>
推荐阅读