《一种网页TABLE中目标单元格的行列高亮显示方法.pdf》由会员分享，可在线阅读，更多相关《一种网页TABLE中目标单元格的行列高亮显示方法.pdf（11页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 CN 103970735 A (43)申请公布日 2014.08.06 C N 1 0 3 9 7 0 7 3 5 A (21)申请号 201310027184.6 (22)申请日 2013.01.25 G06F 17/30(2006.01) G06F 17/21(2006.01) (71)申请人苏州精易会信息技术有限公司 地址 215000 江苏省苏州市工业园区星湖客 69幢905室 (72)发明人牟春林 (54) 发明名称 一种网页Table中目标单元格的行列高亮显 示方法 (57) 摘要 本发明提出了一种网页Table中目标单元 格的行列高亮显示方法，所述方法包括以下。
2、步 骤：a.通过浏览器浏览包含有Table标签的网 页；b.获取目标单元格所在行的值R和列的值C、 rowspan属性值M和colspan属性值N；c.高亮显 示目标单元格所在的行和列，且目标单元格显示 为区别于高亮显示颜色的其他颜色；d.目标单元 格行值或列值变化时，高亮显示的行或列随之变 化，原高亮显示的行或列恢复原显示颜色。本发 明实现了网页Table中目标单元格的行列高亮显 示，用户不需要把Table转换成Excel或WPS表 格即可实现在网页中选中一个或几个单元格时高 亮显示该单元格所在的行和列，同时区别和突出 显示选中的单元格；解决了用户面对大量单元格 时查看目标单元格行信息和列信。
3、息不便的技术问 题。 (51)Int.Cl. 权利要求书1页 说明书5页 附图4页 (19)中华人民共和国国家知识产权局 (12)发明专利申请 权利要求书1页 说明书5页 附图4页 (10)申请公布号 CN 103970735 A CN 103970735 A 1/1页 2 1.一种网页Table中目标单元格的行列高亮显示方法，其特征在于，所述方法包括以 下步骤： a.通过浏览器浏览包含有Table标签的网页； b.获取目标单元格所在行的值R和列的值C、rowspan属性值M和colspan属性值N， 若没有M或N的值则默认值为1； c.高亮显示目标单元格所在的行和列，且目标单元格显示为区别于。
4、高亮显示颜色的其 他颜色；当M1，N1，高亮显示的区域为第R行和第C列，且目标单元格区别显示；当M 1，N1，目标单元格为行合并单元格，高亮显示的区域为第R至R+M-1行和第C列，且 目标单元格区别显示；当M1，N1，目标单元格为列合并单元格，高亮显示的区域为第R 行和第N至N+C-1列，且目标单元格区别显示；当M1，N1，目标单元格为M*N区域合 并单元格，高亮显示的区域为第R至R+M-1行和第N至N+C-1列，且目标单元格区别显示； d.目标单元格行值或列值变化时，高亮显示的行或列随之变化，原高亮显示的行或列 恢复原显示颜色。 2.如权利要求1所述的一种网页Table中目标单元格的行列高亮。
5、显示方法，其特征在 于，所述步骤b获取目标单元格所在行的值R和列的值C，对于获得列值C的方法：事先在 TD节点中增加自定义列属性，在Table初始化时将每个TD节点所在的列的序列值保存在该 自定义属性中，通过该自定义属性匹配的列获得相应列的TD节点；或者，在浏览器内核的 解析器中增加对Table中TD节点的列属性的解析功能，在表格初始化时将每个TD节点所 在的列的序列值保存在列属性中，通过该属性匹配的列获得相应列的TD节点，浏览器内核 解析目标单元格的列值。 3.如权利要求1所述的一种网页Table中目标单元格的行列高亮显示方法，其特征在 于，所述目标单元格边框通过加粗加黑或使用其他色差大的颜。
6、色突出显示。 4.如权利要求1或2所述的一种网页Table中目标单元格的行列高亮显示方法，其特 征在于，目标单元格区域为一个或多个。 权 利 要 求 书CN 103970735 A 1/5页 3 一种网页 Table 中目标单元格的行列高亮显示方法 技术领域 0001 本发明涉及表格应用技术领域，特别涉及一种网页Table中目标单元格的行列高 亮显示方法。 背景技术 0002 目前的办公软件在电子表格应用方面正越来越向增强用户体验的方向发展，例如 Excel中，用户选中电子表格的某个单元格时，该单元格会以加粗加黑边框的效果显示；当 用户选中多个单元格时，选中的单元格会以区别于其他单元格背景色的。
7、方式显示。该方法 实现了选中单元格突出显示的效果。WPS表格中，在普通模式下，功能和Excel类似；在阅 读模式的状态下，用户选中某个单元格时，该单元格会以加粗加黑边框的效果显示，且该单 元格所在的行和列以某种颜色高亮显示，该方法不仅突出显示单元格而且可以很方便地看 到单元格的所在行列的信息。 0003 网页中使用表格已是一种很普遍的现象，但是网页中表格的单元格要么不能突出 显示；要么是在编辑时已经定好如何显示背景色和前景色，是静态的，不能灵活变化。如果 在阅读的过程中能突出显示网页中的单元格，那么用户体验将进一步增强。按照现有的技 术，若要实现突出显示网页表格单元格的效果，需要把网页中的电子。
8、表格先转换成Excel 表格或WPS表格，然后使用Excel和WPS表格的功能突出显示。显然，这种实现方式比较繁 琐和费时，不能一步到位。 发明内容 0004 针对以上问题，本发明提出了一种网页Table中目标单元格的行列高亮显示方 法，通过事先定义TD节点的列属性，浏览含有Table标签的网页，获取目标单元格所在的行 列值以及是否是合并单元格，高亮显示目标单元格所在的行和列。 0005 为实现上述发明内容，本发明采用了一种网页Table中目标单元格的行列高亮显 示方法，该方法的技术方案如下： 0006 a.通过浏览器浏览包含有Table标签的网页； 0007 b.获取目标单元格所在行的值R和。
9、列的值C、rowspan属性值M和colspan属性 值N，若没有M或N的值则默认值为1； 0008 c.高亮显示目标单元格所在的行和列，且目标单元格显示为区别于高亮显示颜色 的其他颜色；当M1，N1，高亮显示的区域为第R行和第C列，且目标单元格区别显示； 当M1，N1，目标单元格为行合并单元格，高亮显示的区域为第R至R+M-1行和第C列， 且目标单元格区别显示；当M1，N1，目标单元格为列合并单元格，高亮显示的区域为 第R行和第N至N+C-1列，且目标单元格区别显示；当M1，N1，目标单元格为M*N区 域合并单元格，高亮显示的区域为第R至R+M-1行和第N至N+C-1列，且目标单元格区别显 。
10、示； 0009 d.目标单元格行值或列值变化时，高亮显示的行或列随之变化，原高亮显示的行 说 明 书CN 103970735 A 2/5页 4 或列恢复原显示颜色。 0010 所述步骤b获取目标单元格所在行的值R和列的值C，对于获得列值C的方法：事 先在TD节点中增加自定义列属性，在Table初始化时将每个TD节点所在的列的序列值保 存在该自定义属性中，通过该自定义属性匹配的列获得相应列的TD节点；或者，在浏览器 内核的解析器中增加对Table中TD节点的列属性的解析功能，在表格初始化时将每个TD 节点所在的列的序列值保存在列属性中，通过该属性匹配的列获得相应列的TD节点，浏览 器内核解析目标。
11、单元格的列值。 0011 所述目标单元格边框通过加粗加黑或使用其他色差大的颜色突出显示。 0012 目标单元格区域为一个或多个。 0013 与现有技术相比，本发明实现了网页Table中目标单元格的行列高亮显示，通过 获取单元格的行列值及合并信息，用户不需要把Table转换成Excel或WPS表格即可实现 在网页中选中一个或几个单元格时高亮显示该单元格所在的行和列，同时区别和突出显示 选中的单元格；解决了用户面对大量单元格时查看目标单元格行信息和列信息的不便。 附图说明 0014 图1为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的流程 图； 0015 图2为本发明所提供的一种。
12、网页Table中目标单元格的行列高亮显示方法的实施 例一； 0016 图3为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施 例二； 0017 图4a为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图一； 0018 图4b为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图二； 0019 图4c为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图三； 0020 图4d为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图四； 0021 图4e为本发明所提供的一种网页Tab。
13、le中目标单元格的行列高亮显示方法的实 施效果图五。 具体实施方式 0022 为了使本发明所提到的一种网页Table中目标单元格的行列高亮显示方法及其 优点更加清楚明确，以下参照附图对本发明进行更进一步的详细说明。 0023 图1为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的流程 图，该流程图显示了本发明的主要实现步骤，其内容如下： 0024 步骤101，通过浏览器浏览包含有Table标签的网页； 0025 步骤102，获取目标单元格所在行的值R和所在列的值C、rowspan属性值M和 说 明 书CN 103970735 A 3/5页 5 colspan属性值N； 0026。
14、 步骤103，高亮显示目标单元格所在的行和列，且目标单元格显示为区别于高亮显 示颜色的其他颜色； 0027 步骤104，目标单元格行值或列值变化时，高亮显示的行或列随之变化，原高亮显 示的行或列恢复原显示颜色。 0028 图2为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施 例，该实施例有以下步骤： 0029 步骤201，事先在TD节点中增加自定义列属性，在Table初始化时将每个TD节点 所在的列的序列值保存在该自定义属性中。 0030 现有的HTML语言没有记录单元格列的功能函数，为实现本发明中获取单元格的 行值和列值的功能，需事先在TD节点中增加自定义列属性，对于合。
15、并单元格，该属性有以 下特点： 0031 当表格中新增rowspan或colspan属性或原有rowspan或colspan属性值增加时， 删除被rowspan或colspan的TD节点占位的TD节点；当表格中减小rowspan或colspan 属性值时，新增TD节点填补曾被rowspan或colspan的TD节点占位。新增TD节点时，根 据rowspan或colspan属性的变化值及所属TD节点的列属性为新增TD节点设置相应的自 定义列属性。 0032 步骤202，通过浏览器浏览包含有Table标签的网页。 0033 用户在浏览网页时遇到对其有使用或参考价值的表格，通过点击鼠标、敲击键盘、 。
16、触摸屏幕等方式确定目标单元格。 0034 步骤203，获取目标单元格所在行的值R和所在列的值C、rowspan属性值M和 colspan属性值N。 0035 通过解析Table标签下的内容，获取目标单元格在表格中的位置，处于第几行第 几列；以及目标单元格是否有合并，若是没有rowspan属性值和colspan属性值，则默认M 和N的值等于1；若是rowspan属性值和colspan属性值存在，则按照实际值获取。 0036 步骤204，高亮显示目标单元格所在的行和列，且目标单元格显示为区别于高亮显 示颜色的其他颜色。 0037 根据步骤203获得的信息，高亮显示目标单元格所在的行和列，为了突出显。
17、示目 标单元格，其所在区域显示区别于高亮显示颜色的其他颜色；为进一步增强用户的视觉体 验，对于目标单元格的边框，使用加粗加黑或者其他颜色突出显示。 0038 步骤205，目标单元格位置是否变化。 0039 在同一个表格中，若目标单元格从一个转换到另一个时，目标单元格位置发生变 化，其所在行数或列数会发生变化或者行数和列数同时发生变化，重新执行步骤203，高亮 显示的区域随着目标单元格的变化而变化显示，被移出的原高亮显示区域恢复原显示颜 色。 0040 若目标单元格是多个，则同时高亮显示每个单元格所在的行和列，对于重叠的区 域，按单个的情况处理。 0041 步骤206，结束。 0042 在某表格。
18、中，若目标单元格位置不再发生变化，而是直接转移至下一个表或网页， 说 明 书CN 103970735 A 4/5页 6 则执行步骤206，在该表格中的高亮显示操作结束。 0043 图3为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施 例二，该实施例有以下步骤： 0044 步骤301，事先在浏览器内核的解析器中增加对Table中TD节点的列属性的解析 功能，在Table初始化时将每个TD节点所在的列的序列值保存在列属性中。 0045 步骤302，通过浏览器浏览包含有Table标签的网页。 0046 步骤303，浏览器内核解析获取目标单元格所在行的值R和所在列的值C、rows。
19、pan 属性值M和colspan属性值N。 0047 步骤304，高亮显示目标单元格所在的行和列，且目标单元格显示为区别于高亮显 示颜色的其他颜色。 0048 步骤305，判断目标单元格位置是否变化。 0049 步骤306，结束。 0050 该实施例的步骤和实施例一的不同在于步骤301，在浏览器内核的解析器中增加 对表格中TD节点的列属性的解析功能。 0051 现有的HTML语言没有记录单元格列的功能函数，为实现本发明中获取单元格的 行值和列值的功能，也可在浏览器内核的解析器中增加对表格中TD节点的列属性的解析 功能。在表格初始化时将每个TD节点所在的列的序列值保存在列属性中，通过该属性匹配 。
20、的列获得相应列的TD节点。 0052 图4a为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图一，其实现过程为：通过解析Table标签下的内容可知目标单元格A位于第三行第 二列，且M1，N1，则高亮显示的区域为第三行和第二列，同时目标单元格A以原页面 颜色显示且边框加粗加黑； 0053 图4b为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图二，其实现过程为：目标单元格由A转换成B，通过解析Table标签下的内容可知 目标单元格B位于第三行第三列，且M1，N2，则高亮显示的区域是变成第三行和第三 列、第四列，同时目标单元格B以原页面颜色显。
21、示且边框加粗加黑。第三行因仍在高亮显示 区域，故其颜色是高亮显示的颜色； 0054 图4c为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图三，其实现过程为：通过解析Table标签下的内容可知目标单元格C位于第三行第 二列，且M2，N1，则高亮显示的区域是第三行、第四行和第二列，同时目标单元格C以 原页面颜色显示且边框加粗加黑； 0055 图4d为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图四，其实现过程为：通过解析Table标签下的内容可知目标单元格D位于第三行第 二列，且M2，N2，则高亮显示的区域是第三行、第四行和第二列、第三列。
22、，同时目标单 元格以原页面颜色显示且边框加粗加黑； 0056 图4e为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实 施效果图五，通过解析Table标签下的内容可知目标单元格E、F分别位于第三行第二列和 第五行第三列，目标单元格都不存在合并的情况，因此高亮显示的区域是第三行第二列和 第五行第三列，同时目标单元格E、F以原页面颜色显示且边框加粗加黑。 说 明 书CN 103970735 A 5/5页 7 0057 以上所述是对本发明的较佳的具体实施方式，本技术领域人员应当理解，所述实 施方式并非限定本发明的保护范围。在不脱离本发明的精神实质和原则下，在细节方面可 以进行变化或者修改，均应涵盖在本发明的权利要求范围之内。 说 明 书CN 103970735 A 1/4页 8 图1 说 明 书 附 图CN 103970735 A 2/4页 9 图2 说 明 书 附 图CN 103970735 A 3/4页 10 图3 图4a 说 明 书 附 图CN 103970735 A 10 4/4页 11 图4b 图4c 图4d 图4e 说 明 书 附 图CN 103970735 A 11 。