CN103970735A - Row-column highlighting method of target cell in webpage Table - Google Patents
Row-column highlighting method of target cell in webpage Table Download PDFInfo
- Publication number
- CN103970735A CN103970735A CN201310027184.6A CN201310027184A CN103970735A CN 103970735 A CN103970735 A CN 103970735A CN 201310027184 A CN201310027184 A CN 201310027184A CN 103970735 A CN103970735 A CN 103970735A
- Authority
- CN
- China
- Prior art keywords
- row
- set cell
- value
- column
- highlighted
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/117—Tagging; Marking up; Designating a block; Setting of attributes
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a row-column highlighting display method of a target cell in a webpage Table. The row-column highlighting display method comprises the following steps: a, a webpage containing Table tags is browsed by a browser; b, the value R of the row where the target cell is positioned, the value C of the column where the target cell is positioned, and the rowspan attribute value M and the colspan attribute value N of the target cell are obtained; c, the row and the column where the target cell is positioned are highlighted, wherein the target cell shows other colors different from highlight colors; d, when the row value or the column value of the target cell is changed, the highlighted row or column is changed, and the original highlighted row or column returns to the original display colors. The row-column highlighting method realizes the row-column highlighting of the target cell in the webpage Table, a user does not need to convert a Table into an Excel or WPS table to realize the purpose that the row and the column wherein the target cell is positioned are highlighted when one or more cells are selected in the webpage, meanwhile, selected cells are distinguished or highlighted; the technical problem that the row information and the column information of the target cell are viewed inconveniently when the user faces a large number of cells is solved.
Description
Technical field
The present invention relates to form applied technical field, particularly the highlighted display packing of ranks of Set cell in a kind of webpage Table.
Background technology
Current office software is just more and more to the future development that strengthens user's experience aspect spreadsheet application, and for example, in Excel, when user chooses certain cell of electrical form, this cell can add with overstriking the effect demonstration of black surround frame; When user chooses a plurality of cell, the cell of choosing can show to be different from the mode of other cell background colours.The method has realized the effect that selected cell lattice highlight.In WPS form, under general mode, function and Excel are similar; Under the state of reading model, when user chooses certain cell, this cell can add with overstriking the effect demonstration of black surround frame, and the row and column at this cell place is with the highlighted demonstration of certain color, and the method not only highlights cell but also can see easily the information of the place ranks of cell.
In webpage, using form has been a kind of very general phenomenon, but the cell of form or can not highlight in webpage; Being how to have reserved display background look and foreground in when editor, is static, can not change flexibly.If can highlight the cell in webpage in the process of reading, user experiences and will further strengthen so.According to existing technology, if will realize the effect that highlights web page form cell, the electrical form in webpage first need to be converted to Excel form or WPS form, then use the prominent function of Excel and WPS form to show.Obviously, this implementation is more loaded down with trivial details and time-consuming, can not settle at one go.
Summary of the invention
For above problem, the present invention proposes the highlighted display packing of ranks of Set cell in a kind of webpage Table, by the Column Properties of predefined TD node, browse the webpage that contains Table label, obtain the ranks value at Set cell place and whether be Merge Cells, the row and column at highlighted display-object cell place.
For realizing foregoing invention content, the present invention has adopted the highlighted display packing of ranks of Set cell in a kind of webpage Table, and the technical scheme of the method is as follows:
A. by browser, browse the webpage that includes Table label;
B. obtain value R that Set cell is expert at and value C, rowspan property value M and the colspan property value N of row, if the value that there is no M or a N default value be 1;
C. the row and column at highlighted display-object cell place, and Set cell is shown as other colors that are different from highlighted Show Color; Work as M=1, N=1, the region of highlighted demonstration is the capable and C of R row, and Set cell difference shows; As M > 1, N=1, Set cell is row Merge Cells, the region of highlighted demonstration is the capable and C of R to R+M-1 row, and Set cell difference shows; Work as M=1, N > 1, Set cell is row Merge Cells, the region of highlighted demonstration is that the capable and N to N+C-1 of R is listed as, and Set cell difference shows; As M > 1, N > 1, Set cell is M*N region Merge Cells, the region of highlighted demonstration is that the capable and N to N+C-1 of R to R+M-1 is listed as, and Set cell difference shows;
When d. the capable value of Set cell or train value change, the row or column of highlighted demonstration changes thereupon, and the row or column of former highlighted demonstration is recovered former Show Color.
Described step b obtains value R that Set cell is expert at and the value C of row, method for acquisition train value C: increase in advance self-defined Column Properties in TD node, when Table initialization, the sequential value of the row at each TD node place is kept in this Custom Attributes, the row that mate by this Custom Attributes obtain the TD node of respective column; Or, the analytical capabilities of the Column Properties of TD node in increasing Table in the resolver of browser kernel, when table initialization, the sequential value of the row at each TD node place is kept in Column Properties, by the row of this attributes match, obtain the TD node of respective column, browser kernel is resolved the train value of Set cell.
Described Set cell frame is added black or is used the color that other aberration are large to highlight by overstriking.
Set cell region is one or more.
Compared with prior art, the present invention has realized the highlighted demonstration of ranks of Set cell in webpage Table, by ranks value and the pooling information of acquiring unit lattice, user does not need Table to convert the row and column that Excel or WPS form can be realized this cell place of highlighted demonstration while choosing one or several cell in webpage to, distinguishes simultaneously and highlight the cell of choosing; Solved the inconvenience of checking the capable information of Set cell and column information when user faces a large amount of cell.
Accompanying drawing explanation
Fig. 1 is the process flow diagram of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 2 is the embodiment mono-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 3 is the embodiment bis-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 4 a is the implementation result figure mono-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 4 b is the implementation result figure bis-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 4 c is the implementation result figure tri-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 4 d is the implementation result figure tetra-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention;
Fig. 4 e is the implementation result figure five of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention.
Embodiment
In order to make the highlighted display packing of ranks and the advantage thereof of Set cell in a kind of webpage Table that the present invention mentions more explicit, referring to accompanying drawing, the present invention is further described in detail.
Fig. 1 is the process flow diagram of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, and this process flow diagram has shown main performing step of the present invention, and it thes contents are as follows:
Step 101, browses the webpage that includes Table label by browser;
Step 102, obtains value R that Set cell is expert at and value C, rowspan property value M and the colspan property value N of column;
Step 103, the row and column at highlighted display-object cell place, and Set cell is shown as other colors that are different from highlighted Show Color;
Step 104, when the capable value of Set cell or train value change, the row or column of highlighted demonstration changes thereupon, and the row or column of former highlighted demonstration is recovered former Show Color.
Fig. 2 is the embodiment of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, and this embodiment has following steps:
Step 201 increases self-defined Column Properties in advance in TD node, when Table initialization, the sequential value of the row at each TD node place is kept in this Custom Attributes.
Existing html language does not have the power function of record cell lattice row, and for realizing the row value of acquiring unit lattice in the present invention and the function of train value, need increases self-defined Column Properties in advance in TD node, and for Merge Cells, this attribute has following characteristics:
When in form, newly-increased rowspan or colspan attribute or original rowspan or colspan property value increase, delete by the TD node of the TD node occupy-place of rowspan or colspan; While reducing rowspan or colspan property value in form, newly-increased TD node is filled up once by the TD node occupy-place of rowspan or colspan.During newly-increased TD node, according to the Column Properties of the changing value of rowspan or colspan attribute and affiliated TD node, be the newly-increased corresponding self-defined Column Properties of TD Node configuration.
Step 202, browses the webpage that includes Table label by browser.
User runs into the form that it is had to use or reference value when browsing page, by clicking the mouse, knock the modes such as keyboard, touch screen, determines Set cell.
Step 203, obtains value R that Set cell is expert at and value C, rowspan property value M and the colspan property value N of column.
By resolving the content under Table label, obtain the position of Set cell in form, in which row of which row; And whether Set cell have merging, if there is no rowspan property value and colspan property value, the value of giving tacit consent to M and N equals 1; If rowspan property value and colspan property value exist, according to actual value, obtain.
Step 204, the row and column at highlighted display-object cell place, and Set cell is shown as other colors that are different from highlighted Show Color.
The information obtaining according to step 203, the row and column at highlighted display-object cell place, in order to highlight Set cell, its region shows other colors that are different from highlighted Show Color; For further strengthening user's visual experience, for the frame of Set cell, use overstriking to add black or other colors and highlight.
Step 205, whether Set cell position changes.
In same form, when if Set cell is transformed into another from one, Set cell position changes, its place line number or columns can change or line number and columns change simultaneously, re-execute step 203, the region of highlighted demonstration changes demonstration along with the variation of Set cell, former Show Color is recovered in the former highlighted viewing area being moved out of.
If Set cell is a plurality of, the row and column at while each cell place of highlighted demonstration, for overlapping region, processes by single situation.
Step 206, finishes.
In certain form, if Set cell position no longer changes, but be directly transferred to next table or webpage, perform step 206, the highlighted display operation in this form finishes.
Fig. 3 is the embodiment bis-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, and this embodiment has following steps:
Step 301, in the resolver of browser kernel, increase in advance Table in the analytical capabilities of Column Properties of TD node, when Table initialization, the sequential value of the row at each TD node place is kept in Column Properties.
Step 302, browses the webpage that includes Table label by browser.
Step 303, browser kernel is resolved and to be obtained value R that Set cell is expert at and value C, rowspan property value M and the colspan property value N of column.
Step 304, the row and column at highlighted display-object cell place, and Set cell is shown as other colors that are different from highlighted Show Color.
Step 305, judges whether Set cell position changes.
Step 306, finishes.
The difference of the step of this embodiment and embodiment mono-is step 301, in the resolver of browser kernel, increase form in the analytical capabilities of Column Properties of TD node.
Existing html language does not have the power function of record cell lattice row, for realizing the row value of acquiring unit lattice in the present invention and the function of train value, also can in the resolver of browser kernel, increase form in the analytical capabilities of Column Properties of TD node.When table initialization, the sequential value of the row at each TD node place is kept in Column Properties, by the row of this attributes match, obtains the TD node of respective column.
Fig. 4 a is the implementation result figure mono-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, its implementation procedure is: by the known Set cell A of content resolving under Table label, be positioned at the third line secondary series, and M=1, N=1, the region of highlighted demonstration is the third line and secondary series, and Set cell A adds black with former page color demonstration and frame overstriking simultaneously;
Fig. 4 b is the implementation result figure bis-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, its implementation procedure is: Set cell converts B to by A, by the known Set cell B of content resolving under Table label, be positioned at the third line the 3rd row, and M=1, N=2, the region of highlighted demonstration is to become the third line and the 3rd row, the 4th row, and simultaneously Set cell B shows with former page color and frame overstriking adds black.The third line is carried on as before in highlighted viewing area, therefore its color is the color of highlighted demonstration;
Fig. 4 c is the implementation result figure tri-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, its implementation procedure is: by the known Set cell C of content resolving under Table label, be positioned at the third line secondary series, and M=2, N=1, the region of highlighted demonstration is the third line, fourth line and secondary series, and Set cell C adds black with former page color demonstration and frame overstriking simultaneously;
Fig. 4 d is the implementation result figure tetra-of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, its implementation procedure is: by the known Set cell D of content resolving under Table label, be positioned at the third line secondary series, and M=2, N=2, the region of highlighted demonstration is the third line, fourth line and secondary series, the 3rd row, and Set cell adds black with former page color demonstration and frame overstriking simultaneously;
Fig. 4 e is the implementation result figure five of the highlighted display packing of ranks of Set cell in a kind of webpage Table provided by the present invention, by the known Set cell E of content, the F resolving under Table label, lay respectively at the third line secondary series and fifth line the 3rd row, there is not the situation of merging in Set cell, therefore the region of highlighted demonstration is the third line secondary series and fifth line the 3rd row, and Set cell E, F add black with former page color demonstration and frame overstriking simultaneously.
The above is to preferably embodiment of the present invention, and the art personnel should be appreciated that described embodiment non-limiting protection scope of the present invention.Not departing under Spirit Essence of the present invention and principle, aspect details, can change or revise, within all should being encompassed in claim scope of the present invention.
Claims (4)
1. the highlighted display packing of ranks of Set cell in webpage Table, is characterized in that, said method comprising the steps of:
A. by browser, browse the webpage that includes Table label;
B. obtain value R that Set cell is expert at and value C, rowspan property value M and the colspan property value N of row, if the value that there is no M or a N default value be 1;
C. the row and column at highlighted display-object cell place, and Set cell is shown as other colors that are different from highlighted Show Color; Work as M=1, N=1, the region of highlighted demonstration is the capable and C of R row, and Set cell difference shows; As M > 1, N=1, Set cell is row Merge Cells, the region of highlighted demonstration is the capable and C of R to R+M-1 row, and Set cell difference shows; Work as M=1, N > 1, Set cell is row Merge Cells, the region of highlighted demonstration is that the capable and N to N+C-1 of R is listed as, and Set cell difference shows; As M > 1, N > 1, Set cell is M*N region Merge Cells, the region of highlighted demonstration is that the capable and N to N+C-1 of R to R+M-1 is listed as, and Set cell difference shows;
When d. the capable value of Set cell or train value change, the row or column of highlighted demonstration changes thereupon, and the row or column of former highlighted demonstration is recovered former Show Color.
2. the highlighted display packing of ranks of Set cell in a kind of webpage Table as claimed in claim 1, it is characterized in that, described step b obtains value R that Set cell is expert at and the value C of row, method for acquisition train value C: increase in advance self-defined Column Properties in TD node, when Table initialization, the sequential value of the row at each TD node place is kept in this Custom Attributes, the row that mate by this Custom Attributes obtain the TD node of respective column; Or, the analytical capabilities of the Column Properties of TD node in increasing Table in the resolver of browser kernel, when table initialization, the sequential value of the row at each TD node place is kept in Column Properties, by the row of this attributes match, obtain the TD node of respective column, browser kernel is resolved the train value of Set cell.
3. the highlighted display packing of ranks of Set cell in a kind of webpage Table as claimed in claim 1, is characterized in that, described Set cell frame is added black or used the color that other aberration are large to highlight by overstriking.
4. the highlighted display packing of ranks of Set cell in a kind of webpage Table as claimed in claim 1 or 2, is characterized in that, Set cell region is one or more.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310027184.6A CN103970735A (en) | 2013-01-25 | 2013-01-25 | Row-column highlighting method of target cell in webpage Table |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310027184.6A CN103970735A (en) | 2013-01-25 | 2013-01-25 | Row-column highlighting method of target cell in webpage Table |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103970735A true CN103970735A (en) | 2014-08-06 |
Family
ID=51240253
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310027184.6A Pending CN103970735A (en) | 2013-01-25 | 2013-01-25 | Row-column highlighting method of target cell in webpage Table |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103970735A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106610774A (en) * | 2015-10-23 | 2017-05-03 | 北京国双科技有限公司 | Webpage table editing method and device |
| CN108920145A (en) * | 2018-05-08 | 2018-11-30 | 陕西法士特齿轮有限责任公司 | A kind of UI table color lump moving method |
| CN109491742A (en) * | 2018-10-31 | 2019-03-19 | 天津字节跳动科技有限公司 | Page tabular rendering method and device |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040205535A1 (en) * | 2001-09-10 | 2004-10-14 | Xerox Corporation | Method and apparatus for the construction and use of table-like visualizations of hierarchic material |
| CN101299209A (en) * | 2008-07-01 | 2008-11-05 | 金蝶软件（中国）有限公司 | Method and device for high bright displaying form editing row |
| CN101303693A (en) * | 2008-06-20 | 2008-11-12 | 中山大学 | Method for converting scene description document to HTML |
| CN102043586A (en) * | 2010-12-21 | 2011-05-04 | 无锡永中软件有限公司 | Method and device for displaying background color in electronic form |
| US20110307772A1 (en) * | 2010-04-12 | 2011-12-15 | Google Inc. | Scrolling in Large Hosted Data Set |
| CN102467378A (en) * | 2010-11-11 | 2012-05-23 | 深圳市金蝶友商电子商务服务有限公司 | HTML (Hypertext Markup Language) form processing method based on two-dimensional matrix and computer |
-
2013
- 2013-01-25 CN CN201310027184.6A patent/CN103970735A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040205535A1 (en) * | 2001-09-10 | 2004-10-14 | Xerox Corporation | Method and apparatus for the construction and use of table-like visualizations of hierarchic material |
| CN101303693A (en) * | 2008-06-20 | 2008-11-12 | 中山大学 | Method for converting scene description document to HTML |
| CN101299209A (en) * | 2008-07-01 | 2008-11-05 | 金蝶软件（中国）有限公司 | Method and device for high bright displaying form editing row |
| US20110307772A1 (en) * | 2010-04-12 | 2011-12-15 | Google Inc. | Scrolling in Large Hosted Data Set |
| CN102467378A (en) * | 2010-11-11 | 2012-05-23 | 深圳市金蝶友商电子商务服务有限公司 | HTML (Hypertext Markup Language) form processing method based on two-dimensional matrix and computer |
| CN102043586A (en) * | 2010-12-21 | 2011-05-04 | 无锡永中软件有限公司 | Method and device for displaying background color in electronic form |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106610774A (en) * | 2015-10-23 | 2017-05-03 | 北京国双科技有限公司 | Webpage table editing method and device |
| CN106610774B (en) * | 2015-10-23 | 2020-03-31 | 北京国双科技有限公司 | Webpage table editing method and device |
| CN108920145A (en) * | 2018-05-08 | 2018-11-30 | 陕西法士特齿轮有限责任公司 | A kind of UI table color lump moving method |
| CN108920145B (en) * | 2018-05-08 | 2022-04-19 | 陕西法士特齿轮有限责任公司 | UI table color block moving method |
| CN109491742A (en) * | 2018-10-31 | 2019-03-19 | 天津字节跳动科技有限公司 | Page tabular rendering method and device |
| CN109491742B (en) * | 2018-10-31 | 2021-10-22 | 天津字节跳动科技有限公司 | Page table rendering method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104050238A (en) | Map labeling method and map labeling device | |
| CN105630843A (en) | Webpage change monitoring method and device | |
| CN102890632A (en) | Screen adaptation method, system and terminal device | |
| CN103376974A (en) | Window switching method and device | |
| CN106202066A (en) | The interpretation method of website and device | |
| US10002117B1 (en) | Translating annotation tags into suggested markup | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| CN104462490A (en) | Display method for list details | |
| CN110297636A (en) | A kind of automatic production of HTML page and parameter management method based on page configuration file, system and device | |
| CN105094930A (en) | Image positioning system and method | |
| CN102662666A (en) | Method and device for creating interface menu | |
| CN105630454A (en) | Information display method and terminal equipment | |
| CN105701165A (en) | Browser mode switching method and switching device | |
| CN103577477A (en) | Method and system for displaying browsing history of browser | |
| CN105183291A (en) | Method and system for extracting information in display interface | |
| CN105094779A (en) | Page design method | |
| CN103970735A (en) | Row-column highlighting method of target cell in webpage Table | |
| CN103870191A (en) | Method and electronic equipment for saving webpage | |
| CN104731817A (en) | Webpage display method and device | |
| CN105701124A (en) | Method and apparatus for providing prompt information | |
| US10242139B2 (en) | Scheme and design markup language for interoperability of electronic design application tool and browser | |
| CN103488735A (en) | Method and terminal for refreshing and displaying pages of terminal browser | |
| CN105630893A (en) | Display method and device of photo title | |
| CN105468753A (en) | Multi-coding-format data display system and method | |
| CN110929100B (en) | Method and device for acquiring value taking path, storage medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140806 |
|
| WD01 | Invention patent application deemed withdrawn after publication |