<tr>
<td height="60px;" width="20%" align="right" valign="top">
<font style="font-weight: bold;"> Title: </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?' There is no ':schedule.content)>70}">${fn:substring(schedule.content eq null?' There is no ':schedule.content,0,70)}...</c:if></a>
<span id="span_content_span"><c:if test="${fn:length(schedule.content eq null?' There is no ':schedule.content)<=70}">
${schedule.content null?' There is no ':schedule.content}</c:if></span>
</td>
<div id="span_div" class="showDiv" style="display:none">
${schedule.content eq null?' There is no ':schedule.content}
</div>
</tr>
<script type="text/javascript">
function showdiv1(objstr,str,ev) {// Displays objects based on mouse position , parameter ev for event
var ObjX,ObjY;// Object location (x,y)
var mouseX=10;// The object's (x) Horizontal position from the width of the mouse
var mouseY=-2;// The object's (y) The height of the mouse from the vertical position
var obj = document.getElementById(objstr);
obj.style.display=str;// Show or hide objects
obj.style.left ='200px';
obj.style.top ='110px';
}
</script>