Copy codeThe Code is as follows: <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? 'None': schedule. content)> 70} ">$ {fn: substring (schedule. content eq null? 'None': schedule. content, 0, 70)}... </c: if> </a>
<Span id = "span_content_span"> <c: if test = "$ {fn: length (schedule. content eq null? 'None': schedule. content) <= 70} ">
$ {Schedule. content null? 'None': schedule. content} </c: if> </span>
</Td>
<Div id = "span_div" class = "showDiv" style = "display: none">
$ {Schedule. content eq null? 'None': schedule. content}
</Div>
</Tr>
<Script type = "text/javascript">
Function showdiv1 (objstr, str, ev) {// displays the object based on the mouse position. The ev parameter is event.
Var ObjX, ObjY; // location of the object (x, y)
Var mouseX = 10; // the horizontal position of the object (x) to the width of the mouse
Var mouseY =-2; // the vertical position of the object (y) from the height of the mouse
Var obj = document. getElementById (objstr );
Obj. style. display = str; // display or hide an object
Obj. style. left = '200px ';
Obj. style. top = '110px ';
}
</Script>
