- 浏览: 756995 次
- 性别:
- 来自: 郑州
文章分类
- 全部博客 (396)
- JAVA (50)
- ORACLE (22)
- HIBERNATE (1)
- SPRING (26)
- STRUTS (4)
- OTHERS (0)
- MYSQL (11)
- Struts2 (16)
- JS (33)
- Tomcat (6)
- DWR (1)
- JQuery (26)
- JBoss (0)
- SQL SERVER (0)
- XML (10)
- 生活 (3)
- JSP (11)
- CSS (5)
- word (1)
- MyEclipse (7)
- JSTL (1)
- JEECMS (2)
- Freemarker (8)
- 页面特效 (1)
- EXT (2)
- Web前端 js库 (2)
- JSON http://www.json.org (3)
- 代码收集 (1)
- 电脑常识 (6)
- MD5加密 (0)
- Axis (0)
- Grails (1)
- 浏览器 (1)
- js调试工具 (1)
- WEB前端 (5)
- JDBC (2)
- PowerDesigner (1)
- OperaMasks (1)
- CMS (1)
- Java开源大全 (2)
- 分页 (28)
- Eclipse插件 (1)
- Proxool (1)
- Jad (1)
- Java反编译 (2)
- 报表 (6)
- JSON (14)
- FCKeditor (9)
- SVN (1)
- ACCESS (1)
- 正则表达式 (3)
- 数据库 (1)
- Flex (3)
- pinyin4j (2)
- IBATIS (3)
- probe (1)
- JSP & Servlet (1)
- 飞信 (0)
- AjaxSwing (0)
- AjaxSwing (0)
- Grid相关 (1)
- HTML (5)
- Guice (4)
- Warp framework (1)
- warp-persist (1)
- 服务器推送 (3)
- eclipse (1)
- JForum (5)
- 工具 (1)
- Python (1)
- Ruby (1)
- SVG (3)
- Joda-Time日期时间工具 (1)
- JDK (3)
- Pushlet (2)
- JSP & Servlet & FTP (1)
- FTP (6)
- 时间与效率 (4)
- 二维码 (1)
- 条码/二维码 (1)
最新评论
-
ctrlc:
你这是从web服务器上传到FTP服务器上的吧,能从用户电脑上上 ...
jsp 往 FTP 上传文件问题 -
annybz:
说的好抽象 为什么代码都有两遍。这个感觉没有第一篇 和第二篇 ...
Spring源代码解析(三):Spring JDBC -
annybz:
...
Spring源代码解析(一):IOC容器 -
jie_20:
你确定你有这样配置做过测试? 请不要转载一些自己没有测试的文档 ...
Spring2.0集成iReport报表技术概述 -
asd51731:
大哥,limit传-1时出错啊,怎么修改啊?
mysql limit 使用方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<style type="text/css">
body{margin:0px;padding:0px;}
</style>
</head>
<body>
<table bgcolor="#ffffff" width="100%" height=100% id="testtable" border=1>
<tr>
<td height="20" >第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
<tr>
<td height="20">第1行</td>
</tr>
<tr>
<td height="20">第2行</td>
</tr>
</table>
<script language="JavaScript">
<!--
var isIE = (document.all) ? true : false;
function addEventHandler(oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = fnHandler;
}
};
function removeEventHandler(oTarget, sEventType, fnHandler) {
if (oTarget.removeEventListener) {
oTarget.removeEventListener(sEventType, fnHandler, false);
} else if (oTarget.detachEvent) {
oTarget.detachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = null;
}
};
var tableObj=document.getElementById("testtable");
var trObj=null;
var selectedRow=1;
function setSelectedRowBg(row,color){row.style.backgroundColor=color;}
addEventHandler(window,"load",function(){setSelectedRowBg(tableObj.rows[selectedRow],"#FFCC66");})
addEventHandler(document,"keydown",objKeydown)
addEventHandler(document,isIE?"mousewheel":"DOMMouseScroll",objWheel)
function objKeydown(e){
var e=e||window.event;
switch (e.keyCode) {
case 38 ://上
setSelectedRowBg(tableObj.rows[selectedRow],"white")
selectedRow=selectedRow>0?selectedRow-1:0;
setSelectedRowBg(tableObj.rows[selectedRow],"#FFCC66");
fixScroll(tableObj.rows[selectedRow],"t")
break;
case 40 ://下
var rowl=tableObj.rows.length-1;
setSelectedRowBg(tableObj.rows[selectedRow],"white")
selectedRow=selectedRow<rowl?selectedRow+1:rowl;
setSelectedRowBg(tableObj.rows[selectedRow],"#FFCC66");
fixScroll(tableObj.rows[selectedRow],"b")
break;
default :
return;
}
if(isIE){e.returnValue = false;}else{e.preventDefault();}
}
function objWheel(e){
var e=e||window.event;
var detail=(e.detail||e.wheelDelta / (-40))/3;
if(detail<0){
setSelectedRowBg(tableObj.rows[selectedRow],"white")
selectedRow=selectedRow>0?selectedRow-1:0;
setSelectedRowBg(tableObj.rows[selectedRow],"#FFCC66");
fixScroll(tableObj.rows[selectedRow],"t")
}else{
var rowl=tableObj.rows.length-1;
setSelectedRowBg(tableObj.rows[selectedRow],"white")
selectedRow=selectedRow<rowl?selectedRow+1:rowl;
setSelectedRowBg(tableObj.rows[selectedRow],"#FFCC66");
fixScroll(tableObj.rows[selectedRow],"b")
}
if(isIE){e.returnValue = false;}else{e.preventDefault();}
}
function fixScroll(obj,type){
switch(type){
case "t":
var trh=obj.offsetHeight;
var sch=document.documentElement.scrollTop;
var offset=sch-getPosition(obj)[1]
if(offset>0)document.documentElement.scrollTop=sch-trh;
break;
case "b":
var trh=obj.offsetHeight;
var dv=document.documentElement.clientHeight;
var offset=getPosition(obj)[1]-dv+trh
document.documentElement.scrollTop=offset>0?offset:0;
break;
default:
return;
break;
}
}
function getPosition(element){
var t=l=0;
do {
t += element.offsetTop || 0;
l += element.offsetLeft || 0;
element = element.offsetParent;
} while (element);
return [l, t];
}
</script>
</body>
</html>
- table.rar (1.3 KB)
- 下载次数: 4
发表评论
-
【总结】IE和Firefox的Javascript兼容性总结
2011-08-30 10:37 897长久以来JavaScript兼容性一直是Web开发者的一个主要 ... -
分享:javascript中实现字符串转日期(string.toDate("yyyyMMdd"))
2011-07-14 18:07 2116javascript 的编码能力比较弱,但并不代码它不能做,只 ... -
ie下的js调试工具companion.js
2011-03-29 17:50 1081官网地址:http://www.my-debugbar.com ... -
js实现焦点进入文本框内关闭输入法
2011-02-15 09:10 1966要用到的东西: imeMode:xxx 有四个参数 act ... -
JavaScript代码压缩器,混淆器/js压缩工具
2011-01-26 17:40 3117Packer (强烈推荐) Packer是由外国友人Dean ... -
判断某个页面是否已经被打开
2010-12-01 17:11 1427页面1代码: <HTML&g ... -
javascript实现锚点
2010-11-15 16:07 955详见附件 -
WEB页面导出为EXCEL文档的方法
2010-09-28 17:50 881</body> </html> & ... -
encodeURIComponent编码后java后台的解码
2010-08-25 15:15 3522同学的毕业设计出现JavaScript用encode ... -
js 编码解码 escape,encodeURI,encodeURIComponent
2010-04-14 16:56 3742js对文字进行编码涉及3个函数:escape,encodeUR ... -
javascript用DOM解释XML
2010-01-29 17:47 1290<script language="JavaS ... -
实现一个日历形式的日期输入框
2009-12-01 08:43 1601<script language=javascript& ... -
js限制文本框输入字符串长度
2009-11-25 16:58 4998<input type="text" ... -
automation服务器不能创建对象
2009-10-22 14:52 2278最近公司叫我做纯javascript上传文件,就只能用Scri ... -
验证身份证号,根据身份证号码算出他的出生年月日、性别、年龄等
2009-09-15 08:49 3887<input id="" type ... -
刷新父窗体的两种方式
2009-09-11 17:46 1291在java web在编程中我们有时也要知道javascript ... -
刷新iframe解决方案
2009-09-11 16:44 1435<iframe src="1.htm&quo ... -
关于window.showModalDialog()返回值的学习心得
2009-09-11 16:34 1076下面先说说window.showModalDialog的基本用 ... -
有关js、html换行
2009-09-11 11:04 3236<script language="Jav ... -
[JavaScript] switch-case 的用法
2009-09-11 08:16 2701几个例子: <!--<br /><b ...
相关推荐
在传统的网页交互中,用户通常通过鼠标点击来切换输入框的焦点,但通过键盘的上下左右箭头键进行导航能提供更流畅的操作体验,特别是对于数据输入密集型的界面。 HTML的`<input>`标签用于创建可交互的表单元素,如...
本文将详细讲解如何使用JavaScript实现输入框内上下左右键以及Enter键控制表格(table)中的光标移动,并在光标到达最后一个输入框时新增一行,确保这个功能在多个浏览器中都能正常工作。 首先,我们需要理解...
在处理这些操作时,我们还需要考虑选中多行的情况,这通常需要结合键盘的Ctrl键进行判断。 支持`ctrl键同时选择多行操作`可以通过维护一个被选中行的数组来实现。当用户按下Ctrl键并点击某行时,我们可以检查该行...
学完之后,没有练习,忘得差不多了,最近一个项目中要使用支持粘贴复制的table,选中表格的一部分区域,通过ctrl+v,可以把excel或者其它地方的数据粘贴到html table中,还能支持键盘上下左右键移动选择区域。...
标题中的“jQuery 隔行换色 支持键盘上下键,按Enter选定值”描述了一个功能丰富的交互式表格实现,通过jQuery库实现了隔行变色、键盘导航以及Enter键选择行的功能。以下是这个功能的详细解释: 1. **jQuery隔行换...
本文将详细介绍如何使用JavaScript实现表格行的上下移动、置顶和置底功能,并支持Ctrl多选、选中行样式改变以及行号显示等实用特性。 首先,我们需要创建一个HTML表格元素,包含若干行(tr)和单元格(td)。例如:...
这份文档主要介绍了如何使用JavaScript(JS)来监听并控制键盘上的上下左右键(箭头键)的操作。文档提供了具体的示例代码,并通过HTML表格的形式展示了如何使键盘的控制与页面上的元素进行交互。在这个过程中,涉及...
在实际的应用场景中,为了提高用户的交互体验,我们经常需要让 DataGrid 支持键盘导航功能,即通过键盘上的上下左右键和回车键可以在不同的单元格之间进行切换。这不仅可以提升用户体验,还可以满足不同用户的操作...
此外,你还可以考虑添加键盘快捷键支持,使操作更加便捷。 七、注意事项 - 考虑表单元素的序列化:如果表格包含表单数据,行的移动可能会影响到表单的序列化顺序,需要额外处理。 - 数据持久化:如果数据是从服务器...
`smart-table-select`就是一个针对这种情况而设计的AngularJS指令,它旨在为智能表格提供行选择功能,同时支持键盘导航,提高了用户体验。 `smart-table-select`的核心功能在于它能够与AngularJS的数据绑定机制无缝...
以上就是一个简单的JavaScript实现,允许用户在.NET页面的HTML表格中通过键盘上下左右移动光标并同时选择文本。这个功能对于数据输入或编辑场景特别有用,用户可以通过键盘高效地导航和操作表格内容。在实际项目中,...
为了提供更好的用户体验,程序还实现了通过键盘上下键来选择列表中的建议项。当用户按下方向键时,会在列表中高亮显示相应的项,用户可以通过这种方式快速定位并选择自己想要的内容。 ```javascript if (window....
接下来,我们可能需要处理键盘事件,例如回车键提交更改,或者上下左右箭头键在单元格间导航。这可以通过监听`keydown`事件实现: ```javascript $("#editableTable td").on('keydown', function(event) { if ...
例如,表格应有合理的头部和标识,复选框应有清晰的标签,且支持键盘导航。 综上所述,"上移下移及表格复选框获取"这个功能涵盖了Web开发中的表格布局、用户交互、事件处理、数据操作等多个核心知识点,需要开发者...
:check_mark_button: 性能滚动所需的行数 :check_mark_button: 可调整大小的列 :check_mark_button: 通过鼠标和键盘控制 :check_mark_button: 灵活设置残疾细胞 :check_mark_button: 延迟加载支持 :check_mark_...
在上下文中,它可能包含了一个使用C++或其他编程语言实现的USB HID报告描述符生成工具,或者是一些示例代码和教程,帮助开发者理解和创建自己的HID设备驱动。 使用USB HID Usage报告描述符生成工具时,开发者需要...
2. **钩子类型**:Windows支持多种钩子类型,如键盘钩子(WH_KEYBOARD)、鼠标钩子(WH_MOUSE)、消息钩子(WH_GETMESSAGE)、定时器钩子(WH_TIMER)等。每种钩子都有其特定的用途,比如WH_KEYBOARD用于捕获键盘...
数字微调input允许用户通过加减按钮或键盘上下箭头来增加或减少输入框内的数值,它在现代浏览器中已经非常常见,但在IE6这样的老版本浏览器中可能存在兼容性问题。 首先,我们需要理解IE6的特性和限制。IE6不支持很...
### 基于单片机的水位控制系统...同时,用户可以通过简单的键盘操作手动设定水位的上下限值,增加了系统的灵活性和实用性。这种基于单片机的水位控制系统在工业生产、农业灌溉以及家庭用水等领域都有着广泛的应用前景。