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