处理jsp显示文字过长问题的解决方法
(编辑:jimmy 日期: 2024/12/26 浏览:3 次 )
复制代码 代码如下:
<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>
下一篇:s:set 和 s:date 使用, 在jsp判断日期