var setTable = function(table_id) {
var table = document.getElementById(table_id);
var rows = table.getElementsByTagName("tr");
for (i = 1; i < rows.length; i++) {// 0 is start
var srcBgColor = null;//rows[i].style.backgroundColor;
rows[i].onmouseover = function() {
srcBgColor = this.style.backgroundColor;
this.style.backgroundColor = 'red';
};
rows[i].onmouseout = function() {
// this.style.backgroundColor = '';
this.style.backgroundColor = srcBgColor;
};
// this.className='selectedRow'
rows[i].onclick = function() {
//var cell = this.getElementsByTagName("td")[1];// 0 is start
//var entryId = cell.firstChild.nodeValue;
var entryId = this.cells[1].innerText;
location.href = '${basePath}bill/bill!retrieveByEntryId.action?bill.entryId=' + entryId;
this.style.cursor = "wait";
}
}
}
window.onload = function() {
init();
setTable("bm");
}
分享到:
相关推荐
"单独设置单击可编辑表格"可能是指在某些应用程序或自定义组件中,可以开启或关闭这一功能。例如,一个管理员可能希望在某些情况下禁止用户编辑表格,这时就可以通过设置来控制表格是否可编辑。 总的来说,"选中...
总的来说,实现layui表格选中行变色的功能,主要涉及JavaScript事件监听、DOM操作以及CSS样式设置。在前后端分离的项目中,前端通过调用后端API获取数据并渲染到表格。理解并熟练运用这些技术,能帮助你更好地利用...
单击鼠标左键可以在表格中定位光标,而拖动鼠标则可以快速选择一个矩形区域。这种选择方式适用于需要同时操作多个不相邻单元格的情况,只需按住鼠标左键不放,从选区的起始位置拖动到结束位置即可。若需取消当前选区...
在这个例子中,JS代码处理了鼠标事件,如`mousedown`(鼠标按下)、`mousemove`(鼠标移动)和`mouseup`(鼠标释放),来检测用户是否正在尝试拖动列。 在实现拖动排序时,代码首先会检测到列头被长按时触发`...
### 行随鼠标移动改变颜色 #### 功能介绍 当鼠标悬停在 DataGrid 的某一行上时,该行背景色会发生变化,以提高用户体验。此功能同样可以通过 `ItemDataBound` 事件来实现。 #### 实现步骤 1. **事件绑定**:同上...
这种效果常用于网站的菜单、折叠面板、弹出窗口等元素,允许用户通过单击鼠标来显示或隐藏特定内容层,提升网页的交互性和用户体验。 在描述中,“鼠标点击展开关闭层效果”意味着当用户点击某个元素时,一个隐藏的...
在本案例中,主要涉及的是如何使用JavaScript与ASP.NET中的GridView控件进行交互,实现鼠标移动时行颜色的变化以及加载时奇偶行颜色不同的效果。 ### 2. JavaScript函数详解 #### 函数定义: ```javascript ...
9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...
9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...
- 描述:当用户单击鼠标左键时触发此事件。 2. **`onDblClick`**:当用户双击一个元素时触发。 - 支持版本:IE4 | Netscape4 | Opera - 描述:当用户双击鼠标左键时触发此事件。 3. **`onMouseDown`**:当用户...
JavaScript(简称JS)作为前端开发的核心技术之一,广泛应用于网页交互设计与动态效果实现。为了更好地理解和应用JS事件,本文将详细介绍JS中的各种事件及其应用场景。 #### 1. 鼠标事件 (Mouse Events) 鼠标事件...
当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被执行。 **示例:** ```html 打开页面" onclick="window.open('...
5.11 单击鼠标右键打开网站 109 5.12 跟着鼠标的烟花 109 5.13 跟随鼠标的时钟 111 5.14 屏蔽鼠标右键 115 5.15 跟随鼠标的滚动字幕 116 5.16 鼠标悬停打开新的页面 117 5.17 鼠标的指针踪迹效果 118 5.18 ...
实例182 单击鼠标右键自动链接到指定网站 283 实例183 单击超级链接将本页加入收藏夹 285 实例184 访问指定的链接地址 286 实例185 返回默认主页 287 实例186 导航链接 289 6.3 超级链接特效 291 实例187 快速闪动...
### JavaScript 事件详解 #### 一、概述 JavaScript 作为一种常用的客户端脚本语言,在网页交互设计方面发挥着至关重要的作用。通过使用 JavaScript 的事件处理机制,开发者能够为网页中的元素添加响应用户操作的...
- **`onclick`**:用户单击鼠标时触发。 - **`ondblclick`**:用户双击鼠标时触发。 - **`onmousedown`**:按下鼠标按钮时触发。 - **`onmouseup`**:释放鼠标按钮时触发。 - **`onmousemove`**:鼠标移动时触发。 -...
例如,可以使用javascript脚本代码来实现鼠标悬停事件的触发,或者使用javascript脚本代码来实现点击事件的触发。 添加行为特效是静态网页设计的重要一步骤,需要掌握层布局网页的方法、了解行为的概念、各种行为的...
1.25 实现文字跟随鼠标移动变化的动画效果 1.26 文本域中光标的定位 1.27 实现可折叠效果 1.28 文本框内容自动缩进 1.29 禁止页面滚动的方法 1.30 页面加载后消息框居中显示 1.31 创建页面固定浮动栏的方法 第2章 ...
示例描述:JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 ...