<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>