鼠标滑过不同单元格,显示不同内容
2009-08-01 15:52
316 查看
<script type="text/javascript">
function showProductInfo(descr) {
//productInfo为div的id。后跟的是要显示在div中的html,decr为要显示的内容
document.getElementById("productInfo").innerHTML="<font size=3 color=red>" + descr + "</font>";
}
</script>
List<SalesItem> items = OrderMgr.getInstance().getSalesItems(so);
for(int i=0; i<items.size(); i++) {
SalesItem si = items.get(i);
%>
<tr>
<td onmouseover="showProductInfo('<%=si.getProduct().getDescr()%>')"><%=si.getProduct().getName() %></td>
<%--
<td><%=si.getProduct().getName() %></td>
--%>
<td><%=si.getUnitPrice() %></td>
<td><%=si.getCount() %></td>
<td></td>
</tr>
<div style="border:5px double purple;width:400;" id="productInfo">
</div>
function showProductInfo(descr) {
//productInfo为div的id。后跟的是要显示在div中的html,decr为要显示的内容
document.getElementById("productInfo").innerHTML="<font size=3 color=red>" + descr + "</font>";
}
</script>
List<SalesItem> items = OrderMgr.getInstance().getSalesItems(so);
for(int i=0; i<items.size(); i++) {
SalesItem si = items.get(i);
%>
<tr>
<td onmouseover="showProductInfo('<%=si.getProduct().getDescr()%>')"><%=si.getProduct().getName() %></td>
<%--
<td><%=si.getProduct().getName() %></td>
--%>
<td><%=si.getUnitPrice() %></td>
<td><%=si.getCount() %></td>
<td></td>
</tr>
<div style="border:5px double purple;width:400;" id="productInfo">
</div>
相关文章推荐
- ligerui实现鼠标滑过行,显示单元格内容
- 鼠标悬浮到表格的单元格上,将弹出一个框,框中显示这个单元格的内容。框失去焦点,框也消失。利用jQuery+javascript写的。
- Gridview隐藏列的部分内容,鼠标移到该单元格显示内容
- GridView中的每个单元格文本长度的控制,鼠标悬停时,显示单元格所有的内容
- 绑定gridview单元格内容过长,用tooltip,单元格截取指定长度,鼠标停留时显示全部内容,
- 前端实战——完美解决文本框超出内容用“……”表示,鼠标滑过时显示隐藏内容
- EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。
- 鼠标经过标题上显示不同DIV的内容
- 鼠标悬浮到表格的单元格上,将弹出一个框,框中显示这个单元格的内容。框失去焦点,框也消失。利用jQuery+javascript写的。
- EasyUI Datagrid 鼠标悬停显示单元格内容
- 如何设置table,使单元格内容无论多少,只显示一行,超过单元格宽度的部分自动隐藏,当鼠标放到单元格上,内容自动显示完整?
- QAbstractView(QTreeView、QTableView等)鼠标滑过显示Tooltip(帮助)当前指向单元格文字
- EasyUI Datagrid 鼠标悬停显示单元格内容
- 一个列用render渲染的时候,如果列宽度不够,内容多出的部分会被隐藏,无法显示。这时需要一个鼠标滑过提示全部内容的tip功能。
- JQuery 应用: 鼠标滑过td 显示td 的其他内容(方法一)
- css实现table中td单元格鼠标悬浮时显示更多内容
- JQ实现效果:点击(or鼠标滑过)连接时显示内容,再点击(鼠标滑出)连接时隐藏内容
- struts2判断显示超过30字截取和鼠标滑过显示全部内容
- 这样控制DataGrid的单元格内内容自动隐藏,鼠标移上时显示全部
- JQuery 应用: 鼠标滑过td 显示td 的其他内容(方法二)