WO2007101390A1 - Procede et systeme d'affichage a defilement local de tableaux sur une page web - Google Patents
Procede et systeme d'affichage a defilement local de tableaux sur une page web Download PDFInfo
- Publication number
- WO2007101390A1 WO2007101390A1 PCT/CN2007/000350 CN2007000350W WO2007101390A1 WO 2007101390 A1 WO2007101390 A1 WO 2007101390A1 CN 2007000350 W CN2007000350 W CN 2007000350W WO 2007101390 A1 WO2007101390 A1 WO 2007101390A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- scroll
- display
- header
- active
- implementing
- 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.)
- Ceased
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
Definitions
- the present invention relates to a method of data processing and display, and more particularly to a method and system for implementing partial scroll display of a form in a web page.
- Another solution to the prior art is to use an embedded tabulation program.
- a user needs to browse a table with more rows or columns, click on the embedded tabulation program to obtain a better browsing effect, for example, China Patent application No. 02102597.5.
- the method of embedding the tabulation program can obtain a better browsing effect
- the process of calling the tabulation program is very wasteful of the resources of the network data transmission and the resources of the user's local computer. Due to the complicated process of obtaining a better browsing effect, it is unable to satisfy the browsing needs of more users, and it is difficult to maintain good readability.
- the third solution of the prior art is to set a window on the webpage, embedding a multi-row and multi-column table in the window, and browsing the content of the table by dragging the scroll bar on the window, the method is to some extent Solved the problem of displaying large tables in smaller areas.
- the user still needs to drag and drop the scroll bar repeatedly to find the corresponding data, and the browsing efficiency is low.
- an object of the present invention is to provide a table display method and a table system which save network resources and improve user browsing efficiency.
- a method for implementing partial scroll display of a table in a webpage comprising:
- a lower right table to hide a portion beyond the display area, and including two vertical and horizontal scroll bars; the upper right table and the lower right table are controlled by the horizontal scroll bar to scroll, and the lower left table and the lower right table are controlled by the vertical scroll bar to scroll .
- the upper right table and the lower right table are controlled by the horizontal control bar to scroll: when the horizontal scroll bar is scrolled, the upper right table and the lower right table are scrolled by the same distance in the same direction;
- the lower left table and the lower right table are controlled by the vertical scroll bar to scroll: when the vertical scroll bar is scrolled, the lower left table and the lower right table scroll the same distance in the same direction.
- the method for implementing a partial scroll display of a table in a webpage may further include: setting a frame set including at least two rows and two columns, and embedding the upper left table, the lower left table, the upper right table, and the lower right table into the frame set respectively.
- the method for implementing the partial scroll display of the table in the webpage may set the lower left, upper right and lower right tables by using the cascadable style sheet.
- the horizontal scrolling of the upper right and lower right tables, and the vertical scrolling of the lower left and lower left tables are implemented using web scripting techniques.
- the method further comprises: displaying and displaying the positions of the upper left, lower left, upper right, and lower right tables on the webpage.
- a system for implementing partial scrolling of a table in a webpage comprising:
- the form to be displayed includes a frozen form header, a frozen form body, an active form header, and an active form body, wherein:
- the active table header is equal in height to the height of the frozen table header, hiding the portion beyond the display area; the active table body, its width and activity
- the headers of the table are of equal width, hiding portions beyond the display area, and include two scroll bars, vertical and horizontal;
- the system further includes: a longitudinal scrolling subsystem for controlling simultaneous scrolling of the frozen form and the active form in the longitudinal direction; and
- a horizontal scrolling subsystem that controls the simultaneous scrolling of the active form header and the active form body in the horizontal direction.
- the system for implementing partial scroll display of a table in a webpage can implement a vertical scrolling subsystem and a horizontal scrolling subsystem by using webpage script technology.
- the system for implementing partial scroll display of a table in a webpage can implement a freeze header, a freeze header, an active table header, and an active form body by using a cascadable style sheet.
- the system for implementing partial scroll display in a webpage may further include: a frame set, configured to separate the frozen header, the frozen header, the active header, and the active table. Embed in the cells corresponding to the frame set and its position for display.
- the present invention has the following technical advantages compared with the prior art: Since the present invention adopts four traditional HTML (Hypertext Markup Language) tables and two scrolling control systems It realizes the partial scroll display and partial freeze display of the table in the webpage, which is very simple and feasible, and does not need to embed other tabulation programs, which can save resources of network data transmission and computer resources of the user local system.
- HTML Hypertext Markup Language
- the invention can realize the partial scroll display and the partial freeze display table in the webpage, the data of any plurality of columns can be displayed in the webpage and the readability is good, and the data display and the data comparison of the large data volume table can be satisfied.
- the user can freely and conveniently scroll any table cells into the display area to improve the browsing efficiency; and when the table columns (or rows) are particularly large (arbitrary), the width of each column is not limited, the table Data readability is not affected; users do not need to repeat more
- the data in the table is obtained from the network, and there is no need to run an additional tabulation program, which saves network resources.
- FIG. 1 is a schematic diagram showing the steps of a method for realizing partial scroll display of a table according to the present invention
- FIG. 2 is a schematic structural diagram of a system for realizing partial scroll display of a table according to the present invention.
- the core idea of the present invention is that, on the basis of generating a static table on a webpage, by setting a table attribute and controlling the same scrolling between the tables when scrolling, the table is divided into a freeze display and a scroll display on the webpage. Part, and the two parts are related in terms of scrolling behavior.
- FIG. 1 is a schematic diagram showing the steps of a method for implementing partial scroll display of a table according to the present invention.
- Step si set at least four tables, arranged in 2x2 (two rows and two columns).
- the four tables are split from the table to be displayed, and can be regarded as dividing the table to be displayed into at least four parts by at least one column dividing line and at least one line dividing line.
- the upper left and upper right tables have the same or corresponding rows in the split table
- the lower left table has the same or corresponding columns in the split table
- the same lower right and lower left tables are in the split form.
- the form may generate a static form using the existing HTML code, and display the four forms in the same 2x2 manner in the web page, corresponding to the position of each form.
- the above four tables arranged in a 2x2 manner have a certain relationship with each other in width and height.
- the upper left table is referred to as Table 1
- the upper right table is called Table 2
- the lower left form is called Table 3
- the lower right form is called Table 4.
- the width of the table 1 is equal to the width of the table 3
- the height of the table 1 is equal to the height of the table 2
- the width of the table 2 is equal to the width of the table 4
- the height of the table 3 is Table 4 has the same height.
- Step s2 setting Table 2 and Table 3 to hide the portion beyond the display area
- Step s3 setting the table 4 to hide the portion beyond the display area, and including two vertical and horizontal scroll bars;
- CSS is the full name of Cascading Style Sheets, which defines different styles of the browser's default styles for all elements on the page. It can be used to determine what elements on the page are. The way is displayed. CSS is a new feature of the ad hoc HTML design approved by the W3C organization that maintains a uniform look across HTML. It is up to the designer to specify the properties of the entire text, such as color, font size, etc., before setting the text. Cascading style sheets bring a lot of flexibility to designing web pages.
- IE and Netscape browsers support cascading style sheets.
- HTML design tools also support cascading style sheets, such as Microsoft's FrontPage98.
- Step s4 monitoring the behavior of the scroll bar, if scrolling horizontally, Table 2 and Table 4 scroll the same distance in the same direction; if scrolling vertically, Table 3 and Table 4 scroll the same distance in the same direction. That is, the horizontal scroll bar simultaneously controls the scrolling of Table 2 and Table 4, and the vertical scroll bar controls the scrolling of Table 3 and Table 4 at the same time.
- the horizontal scroll bar and the vertical scroll bar co-locate the portion of the table 4 that is displayed.
- the corresponding program can be set so that Table 3 and Table 4 can move in the same direction in the same direction in the same direction as the vertical scroll bar, so that Table 2 and Table 4 can be in the same direction in the horizontal direction at the same speed as the horizontal direction.
- the scroll bar is scrolled and moved to determine the display portions of Table 2 and Table 3.
- the above scrolling control process can be implemented by webpage scripting technology, for example, using JavaScript, as follows: When the scrollbar is scrolled, the motion association between the tables is provided by JavaScript (Java Description Language), wherein the table 3 is represented by DB, the table 4 is represented by AB, and Table 2 is represented by AH.
- JavaScript Java Description Language
- the JavaScript is a web scripting technology whose main function is to add interactive behavior to elements on a web page.
- Table 2 and Table 4 have the same behavior when scrolling. JavaScript will monitor Table 4 and, once it is found to scroll horizontally, let Table 2 scroll the same distance in the same direction.
- a vertical scroll bar may be set on Table 2 to simultaneously control the vertical scrolling of Table 1 and Table 2; Scroll bars to control the horizontal scrolling of Table 1 and Table 3 at the same time.
- the table to be displayed can be divided into m*n tables, and scroll bars are set on some of the tables to realize simultaneous scrolling of the associated tables, and the user can arbitrarily set the division and display of the tables to be displayed according to the needs of the actual application.
- the upper left cell is referred to as cell A
- the upper right cell is called cell B
- the lower left cell is called cell C
- the lower right cell is called cell D.
- cell A place a regular table of 1 ⁇ 2 (-rows and two columns) called AT, which is exactly the size of cell A.
- BT Place a normal table of 1 ⁇ 8 (-rows and eight columns) in cell B, called BT, which has the same height as cell B.
- cell B Define cell B with CSS so that it can accommodate BT whose width may be larger than it, ie hide the portion beyond the display area.
- CT 9x2 (nine rows and two columns) ordinary table in cell C called CT, which has the same width as cell C.
- FIG. 2 is a schematic structural diagram of a system for implementing partial scroll display of a table according to the present invention
- the system includes a table to be displayed, a vertical scrolling subsystem, and a horizontal scrolling subsystem.
- the form to be displayed includes a frozen form header, a frozen form body, an active form header, and an active form body, wherein:
- the active form header 22 whose height is equal to the height of the frozen form header, hides the portion beyond the display area;
- the active form body 24 has a width equal to the width of the active form header, hides the portion beyond the display area, and includes two scroll bars.
- the vertical scrolling subsystem 26 is configured to control the simultaneous scrolling of the frozen form body and the active form body in the vertical direction.
- the horizontal scrolling subsystem 25 is configured to control the simultaneous scrolling of the active form header and the active form body in the horizontal direction.
- the number of cells of the frozen table header 21 is the same as the cell data of each row in the frozen table body 23; freezing one of the cells of the table header 21 may be general for all cell data in the corresponding column of the frozen table body 23. description.
- the number of cells in the active table header 22 is consistent with the cell data of each row in the active table body 24; a cell of the active table header 22 may be general to all cell data in the corresponding column of the active table body 24. description. The above settings make it easy to compare the data in the table.
- the freeze header 21 is always stationary; the active header 22 begins in the vertical direction.
- the frozen form body 23 is always stationary in the horizontal direction; the frozen form body 23 and the active form body 24 can be scrolled at the same speed in the same direction in the longitudinal direction; the active form header 22 and the active form body 24 can be horizontally Roll in the same direction at the same speed in the direction.
- the scrolling of the frozen form body 23 and the active form body 24 in the longitudinal direction is controlled by the longitudinal scrolling subsystem 26.
- the scrolling of the active form header 22 and the active form body 24 in the horizontal direction is controlled by the lateral scrolling subsystem 25.
- the vertical scrolling subsystem 26 and the horizontal scrolling subsystem 25 can be implemented using web page scripting techniques, such as JavaScript scripts.
- the freeze form header 21, the freeze form body 23, the active form header 22, and the active form body 24 can be assisted by a cascadable style sheet.
- the system for implementing partial scroll display of a table may further include: a frame set.
- the frozen form header, the frozen form body, the active form header, and the active form body are respectively embedded in each cell corresponding to the position of the frame set.
- the frame set can control the dimensional correspondence and the positional relationship between the tables in a very convenient manner, so that the above-mentioned tables are better integrated.
- the frame set can take the form of two rows and two columns.
- the table to be displayed may also be composed of more than four parts, so that it can be formed in the whole system composed of the parts, and a plurality of parts are frozen and displayed.
- the active form header 22 itself does not have a horizontal scroll bar, and the frozen form body 23 itself does not have a vertical scroll bar, since the active form header 22 and the frozen form body 23 hide the form data beyond the display area, it is implemented in other ways.
- the active form body 24 can be caused to scroll the same distance in the same direction. For example, if the active form header 22 is scrolled laterally, the active form body 24 scrolls the same distance in the same direction; if the frozen form body 23 is scrolled vertically, the active form body 24 scrolls the same distance in the same direction.
- the other manner may be: scrolling of the frozen form body 23 or the active form header 22 caused by dragging and holding the left mouse button; and scrolling of the form body 23 by the scroll wheel in the middle of the mouse.
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)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Description
在网页中实现表格局部滚动显示的方法及系统
本申请要求于 2006 年 3 月 6 日提交中国专利局、 申请号为 200610056762.9. 发明名称为"在网页中实现表格局部滚动显示的方法及系统', 的中国专利申请的优先权, 其全部内容通过引用结合在本申请中。
技术领域
本发明涉及一种数据处理和显示的方法,特别是涉及一种在网页中实现表 格局部滚动显示的方法及系统。
背景技术
随着互联网技术的发展, 网络资源越来越丰富,越来越多的人通过网页浏 览信息。 在科技进步、 网络发达的今日, Web网页的设计过程中, 经常需要用 到表格来呈现大量的数据, 当数据的字段很多时,往往一个表格的呈现将超过 计算机屏幕所能展现的范围。
在目前的网页设计中, 当使用者浏览到此类型的表格数据时 , 只能运用浏 览器上的拖动滚动条来拖动整个网页而加以浏览;并且由于使用习惯以及网页 设计技术上的问题,现有的网页浏览器中几乎没有水平滚动条, 而当网页中的 表格所展示的数据有任意多列或者任意多行, 例如超过 500列时, 用户浏览这 样的表格就存在一定困难。在电子商务领域, 经常需要使用具有任意多列的表 格, 甚至需要对不同列之间的数据进行比对, 例如, 淘宝网的交易信息列表, 商品信息列表等。
现有技术解决上述问题的一种方式是采用分页显示,即每一网页上仅仅显 示一部分的表格信息。该方法使用复杂, 当用户需要将某些列的数据进行对比 时, 就需要不停的转换页面, 导致浏览效率低下, 需要多次传输网页 据, 浪 费网络资源。
现有技术的另一种解决方式是采用嵌入制表程序,用户需要浏览具有较多 行或列的表格时, 点击调用所嵌入的制表程序 , 从而获得较佳的浏览效果, 例 如, 中国第 02102597.5号专利申请。 采用嵌入制表程序的方式虽然可以获得 较佳的浏览效果,但是调用制表程序的过程非常浪费网络数据传输的资源以及 用户本地计算机的资源。 由于获得较佳的浏览效果的过程复杂, 不能满足更多 的用户的浏览需求, 并且难以保持良好的可读性。
现有技术的第三种解决方式是在网页上设置一个窗口,窗口内嵌入一多行 多列的表格,通过拖动窗口上的滚动条实现对该表格内容的浏览,该方法在一 定程度上解决了在较小的区域中显示较大表格的问题。但是针对一些需要对表 格中的数据进行比对浏览的时候,用户仍然需要反复拖拉滚动条来找到相应的 数据, 浏览效率较低。
发明内容
鉴于上述问题,本发明的目的是提供一种节约网络资源,提高用户浏览效 率的表格显示方法以及表格系统。
为解决上迷技术问题, 本发明的目的是通过以下技术方案实现的: 一种在网页中实现表格局部滚动显示的方法, 包括:
将待显示表格至少拆分为以 2x2的方式排列的左上、左下、右上和右下表 格;
设置左下表格和右上表格隐藏超出显示区域的部分;
设置右下表格隐藏超出显示区域的部分, 并包括纵向和横向两个滚动条; 右上表格和右下表格由所述横向滚动条控制滚动 ,左下表格和右下表格由 所述纵向滚动条控制滚动。
优选的, 所述右上表格和右下表格由横向控制条控制滚动具体为:横向滚 动条滚动时, 右上表格和右下表格在相同的方向上滚动相同的距离;
所述左下表格和右下表格由纵向滚动条控制滚动具体为:纵向滚动条滚动 时, 左下表格和右下表格在相同的方向上滚动相同的距离。
优选的, 所述的在网页中实现表格局部滚动显示的方法, 还可以包括: 设 置一个至少包括两行两列的框架集, 将左上表格、 左下表格、右上表格以及右 下表格分别嵌入框架集(Frame Set ) 与其位置对应的各单元格中进行显示。
优选的, 所述的在网页中实现表格局部滚动显示的方法, 可以利用可层叠 样式表设置左下、 右上和右下表格。
优选的,所述右上表格和右下表格的横向滚动、 以及左下表格和左下表格 的纵向滚动利用网页脚本技术实现。
优选的, 所述方法还包括: 按照所述左上、 左下、 右上和右下表格的位置 在网页上对其进行排列显示。
一种在网页中实现表格局部滚动显示的系统, 包括:
待显示表格, 包括冻结表格头、 冻结表格体、 活动表格头和活动表格体, 其中:
冻结表格头, 其宽度与冻结表格体的宽度相等;
冻结表格体,其高度与活动表格体的高度相等,隐藏超出显示区域的部分; 活动表格头,其高度与冻结表格头的高度相等,隐藏超出显示区域的部分; 活动表格体,其宽度与活动表格头的宽度相等,隐藏超出显示区域的部分, 并包括纵向和横向两个滚动条;
所述系统还包括: 纵向滚动子系统,用于控制冻结表格体和活动表格体在 纵方向上的同时滚动; 和
横向滚动子系统,用于控制活动表格头和活动表格体在横方向上的同时滚 动。
优选的, 所述的在网页中实现表格局部滚动显示的系统, 可以利用网页脚 本技术实现纵向滚动子系统、 横向滚动子系统。
优选的, 所述的在网页中实现表格局部滚动显示的系统, 可以利用可层叠 样式表实现冻结表格头、 冻结表格体、 活动表格头以及活动表格体。
优选的, 所述的在网页中实现表才各局部滚动显示的系统, 还可以包括: 框 架集, 用于将所述冻结表格头、 冻结表格体、 活动表格头以及活动表格体分另' J 嵌入在框架集与其位置对应的各单元格中进行显示。
以上技术方案可以得出, 与现有技术相比, 本发明具有以下的技术优点: 由于本发明采用四个传统的 HTML ( Hypertext Markup Language, 超文本 链接标示语言)表格、 以及两个滚动控制系统就实现了在网页中表格的部分滚 动显示和部分冻结显示, 非常简单可行, 不需要嵌入其他的制表程序, 可以节 约网络数据传输的资源以及用户本地系统的计算机资源。
由于本发明可以实现网页中局部滚动显示和部分冻结显示的表格,可以在 网页中显示任意多列的数据并保持良好的可读性,可以满足一些大数据量表格 的数据显示以及数据比对,使用者可随意、方便地把任意的表格单元格滚动到 显示区域内显示, 提高了浏览效率; 并且当表格列 (或行)特别多 (任意多) 的时候每列的宽度不受限制,表格数据的可读性不受影响; 用户不需要反复多
次从网络获取表格中的数据,也不需要运行额外的制表程序,节约了网络资源。 附图说明
下面结合附图和具体实施方式对本发明作进一步详细的说明。
图 1是本发明所述实现表格局部滚动显示的方法的步骤示意图;
图 2是本发明所述实现表格局部滚动显示的系统的结构示意图。
具体实施方式
本发明的核心思想在于,在网页上生成静态表格的基础上,通过设置表格 属性以及控制滚动时各表格之间的关联同一滚动 ,从而实现了在网页上表格被 划分为冻结显示和滚动显示两部分, 而且两部分在滚动行为上是相关的。
参照图 1, 是本发明所述实现表格局部滚动显示的方法的步骤示意图。 步驟 si , 设置至少四个表格, 以 2x2 (两行两列) 的方式排列。
这四个表格由待显示表格拆分而成,可以看作将待显示的表格以至少一条 列分隔线和至少一条行分隔线划分为至少 4个部分。这样,左上表格与右上表 格在拆分前表格中具有相同或相对应的行,与左下表格在拆分前表格中具有相 同或相对应的列;同样右下表格与左下表格在拆分前表格中具有相同或相对应 的行, 与右上表格在拆分前表格中具有相同或相对应的列。
所述表格可以采用现有的 HTML代码生成静态的表格即可, 并将所述四 个表格在网页中以同样的 2x2方式排列进行显示,对应于每个表格的位置。一 般的, 以 2x2的方式排列的上述四个表格,相互之间的宽度和高度具有一定的 联系。 下面将左上表格称作表格 1, 右上表格称作表格 2, 左下表格称作表格 3 , 右下表格称作表格 4。 在以 2x2的方式排列的四个表格中, 表格 1的宽度 与表格 3的宽度相等,表格 1的高度与表格 2的高度相等,表格 2的宽度与表 格 4的宽度相等, 表格 3的高度与表格 4的高度相等。
步骤 s2, 设置表格 2和表格 3隐藏超出显示区域的部分;
步驟 s3 , 设置表格 4隐藏超出显示区域的部分, 并包括纵向和横向两个 滚动条;
上述步骤 s2和步骤 s3可以通过 CSS技术实现对表格属性的设置。 CSS 是全称是 Cascading Style Sheets (可层叠样式表),它可以对网页上所有的元素 定义与浏览器默认样式不同的样式,可以用来决定网页上的元素是以什么样的
方式显示出来的。 CSS是 W3C組织批准的一个辅助 HTML设计的新特性, 它 能够保持整个 HTML的统一外观。 可以由设计者在设置文本之前, 就指定整 个文本的属性, 比如颜色、 字体大小等等。 层叠样式表为设计网页带来了很大 的灵活性。 目前 IE及 Netscape浏览器都支持层叠样式表, 目前不少 HTML设 计工具也都支持层叠样式表, 如微软的 FrontPage98。
步骤 s4, 监视滾动条的行为, 如果横向滚动, 则表格 2和表格 4在相同 的方向上滚动相同的距离; 如果纵向滚动, 则表格 3和表格 4在相同的方向上 滚动相同的距离。 即横向滚动条同时控制表格 2和表格 4的滚动,纵向滚动条 同时控制表格 3和表格 4的滚动。
也就是说,横向滚动条与纵向滚动条共同定位了表格 4所显示的部分。可 以设定相应的程序,使得表格 3和表格 4可以在纵方向上同方向同速度随着纵 向滚动条的滚动而移动,使得表格 2和表格 4可以在横方向上同方向同速度随 着横向滚动条的滚动而移动,从而决定表格 2和表格 3的显示部分。上述滚动 控制过程可以采用网页脚本技术实现, 例如采用 JavaScript, 如下所述: 当滚动条滚动时, 各表格之间的运动关联由 JavaScript ( Java描述语言)来提 供, 其中表格 3采用 DB表示, 表格 4采用 AB表示, 表格 2采用 AH表示,
DB.scrollTop =AB.scrollTop;
AH.scrollLeft -AB.scrollLei„
所述的 JavaScript是一种网页脚本技术, 它的主要作用是给网页上的元素 添加交互行为, 比如表格 2和表格 4在滚动时有同样的行为。 JavaScript会监 视表格 4 , 一旦发现其进行横向滚动, 就让表格 2向相同的方向滚动相同的距 离。
需要说明的是, 当表格 1和表格 2的显示高度小于其实际高度时,可以在 表格 2上设置纵向滚动条来同时控制表格 1和表格 2的纵向滚动;同样也可以 在表格 3上设置横向滚动条来同时控制表格 1和表格 3的横向滚动。此外,还 可以将待显示表格划分为 m*n个表格, 在其中一些表格上设置滚动条来实现 关联表格的同时滚动,用户可以根据实际应用的需要任意设置待显示表格的划 分和显示。
下面举一个具体的实例,假设需要在网页上制作一个 10x10的表格,其中
第一行是表头, 当第二至十行纵向滚动时, 它不会滚动; 第一列和第二列都是 固定的, 当三至十列横向滚动时, 它们不会滚动。 可以通过以下步骤实现: 首先, 制作一个普通的 2x2的表格, 并用 CSS控制表格及每个单元格的 尺寸。采用这样的方式可以非常筒便的控制各表格之间的尺寸对应关系以及位 列。 例如: 使用其他任意的 HTML标签配合 CSS定义一个 2x2的排列布局、 或者使用网页框架技术( frame )定义 2x2的排列布局都是可行的用来实现 2x2 的排列布局的方案, 本发明并不对此加以限定。 为叙述方便, 下文中将左上单 元格称作单元格 A, 右上单元格称作单元格 B , 左下单元格称作单元格 C , 右 下单元格称作单元格 D。
然后, 在单元格 A里放置一个 1χ2(—行两列)的普通表格, 称作 AT, 它的 尺寸刚好等于单元格 A的尺寸。
在单元格 B里放置一个 1χ8(—行八列)的普通表格,称作 BT,它的高度与 单元格 B相同。用 CSS定义单元格 B,使它可以容纳宽度可能会大于它的 BT, 即隐藏超出显示区域的部分。
在单元格 C里放置一个 9x2(九行两列)的普通表格,称作 CT,它的宽度与 单元格 C相同。用 CSS定义单元格 C,使它可以容纳高度可能会大于它的 CT, 即隐藏超出显示区域的部分。
在单元格 B里放置一个 9x8(九行八列)的普通表格, 称作 DT, 用 CSS定 义单元格 D, 使它可以容纳的宽度和高度可能会大于它的 DT, 即隐藏超出显 示区域的部分, 并显示纵横两个滚动条。
最后, 设置一段 JavaScript脚本,监视单元格 C和 D的滚动事件, 当滚动 事件发生时, 执行如下操作:
( 1 )如果操作者使用鼠标拖动单元格 D或者使用鼠标滚轮滚动单元格 D, 则作如下操作:
a.如果是横向滚动, 则使单元格 B在相同的方向上滚动相同的距离; b.如果是纵向滚动, 则使单元格 C在相同的方向上滚动相同的距离; ( 2 )如杲操作者使用鼠标滚轮滚动单元格 C, 则作如下操作:
使单元格 D在相同的方向上滚动相同的距离。
以上所举的例子及说明都是为了实现任意多列的表格的部分冻结部分滚 动显示的情况,本领域技术人员可以不需要任何创造性劳动的将本发明所述方 法用于实现任意多行的表格的部分冻结部分滚动显示的情况。 实际上,在上述 的例子中, 已经实现了表格第一行,即表头的相对固定,在其他行纵向滚动时, 该行是不动的, 即相对固定。 当然, 只需要作稍许的改动, 例如, 将表格第一 行改为表格的前五行, 就可以实现表格中前五行的固定,从而实现任意多行的 表格的部分冻结部分滚动显示的目的。
参照图 2,是本发明所述实现表格局部滚动显示的系统的结构示意图,所述 系统包括待显示表格、 纵向滚动子系统和横向滚动子系统。
待显示表格, 包括冻结表格头、 冻结表格体、 活动表格头和活动表格体, 其中:
冻结表格头 21 , 其宽度与冻结表格体的宽度相等;
冻结表格体 23 , 其高度与活动表格体的高度相等, 隐藏超出显示区域的 部分;
活动表格头 22, 其高度与冻结表格头的高度相等, 隐藏超出显示区域的 部分;
活动表格体 24, 其宽度与活动表格头的宽度相等, 隐藏超出显示区域的 部分, 并包括纵横两个滚动条。
纵向滚动子系统 26, 用于控制冻结表格体和活动表格体在纵方向上的同 时滚动。
横向滚动子系统 25 , 用于控制活动表格头和活动表格体在横方向上的同 时滚动。
所迷冻结表格头 21的单元格数量与冻结表格体 23中每一行的单元格数据 一致;冻结表格头 21的某一个单元格可以是对冻结表格体 23相应列中所有单 元格数据的一般性描述。 所述活动表格头 22 的单元格数量与活动表格体 24 中每一行的单元格数据一致; 活动表格头 22的某一个单元格可以是对活动表 格体 24相应列中所有单元格数据的一般性描述。 上迷设置便于对表格中数据 的比对。
所述系统中, 冻结表格头 21始终是静止的; 活动表格头 22在纵方向上始
终是静止的; 冻结表格体 23在横方向上始终是静止的; 冻结表格体 23和活动 表格体 24可以在纵方向上同方向同速度滚动; 活动表格头 22和活动表格体 24可以在横方向上同方向同速度滚动。 冻结表格体 23和活动表格体 24在纵 方向上的滚动由纵向滚动子系统 26来控制。 活动表格头 22和活动表格体 24 在横方向上的滚动由横向滚动子系统 25来控制。
所述纵向滚动子系统 26、横向滚动子系统 25可以利用网页脚本技术实现, 例如, JavaScript脚本。
所述冻结表格头 21、 冻结表格体 23、 活动表格头 22以及活动表格体 24 可以利用可层叠样式表辅助进行设置。
所述实现表格局部滚动显示的系统, 还可以包括: 框架集。 所述冻结表格 头、 冻结表格体、活动表格头以及活动表格体分别嵌入在框架集与其位置对应 的各单元格中。所述框架集可以非常筒便的控制各表格之间的尺寸对应关系以 及位置关系,使上述各表格更好的形成一个整体。 所述框架集可以采用两行两 列的形式。
当然, 本发明所述的实现表格局部滚动显示的系统, 其待显示表格还可以 由四个以上的部分组成,从而可以形成在由各部分组成的整体系统中,有多个 部分冻结显示, 同时存在多个部分滚动显示。这样可以满足更复杂的表格显示 需求。
上述系统中虽然活动表格头 22本身没有横向滚动条、冻结表格体 23本身 没有纵向滚动条,但是由于活动表格头 22和冻结表格体 23隐藏了超出显示区 域的表格数据,所以当采用其他方式实现活动表格头 22和冻结表格体 23的滚 动时, 可以带动活动表格体 24在相同的方向上滚动相同的距离。 例如, 如果 活动表格头 22横向滚动, 则活动表格体 24在相同的方向上滚动相同的距离; 如果冻结表格体 23纵向滚动,则活动表格体 24在相同的方向上滚动相同的距 离。 所述其他方式可以是: 通过按住鼠标左键拖动而导致的冻结表格体 23或 活动表格头 22的滚动;以及通过鼠标中间的滚轮导致冻结表格体 23的滚动等。
上述对本发明所提供的一种实现表格局部滚动显示的系统的描述中,其未 尽之信息, 可以参见前述对一种实现表格局部滚动显示的方法的描述。
以上对本发明所提供的一种在网页中实现表格局部滚动显示的方法即系
统进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了 阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时, 对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围 上均会有改变之处, 综上所迷, 本说明书内容不应理解为对本发明的限制。
Claims
1、 一种在网页中实现表格局部滚动显示的方法, 其特征在于, 包括: 将待显示表格至少拆分为以 2x2方式排列的左上、左下、右上和右下表格; 设置左下表格和右上表格隐藏超出显示区域的部分;
设置右下表格隐藏超出显示区域的部分, 并包括纵向和横向两个滚动条; 右上表格和右下表格由所述横向滚动条控制滚动,左下表格和右下表格由 所述纵向滚动条控制滚动。
2、 如权利要求 1所述的在网页中实现表格局部滚动显示的方法, 其特征 在于,所述右上表格和右下表格由横向控制条控制滚动具体为: 横向滚动条滚 动时, 右上表格和右下表格在相同的方向上滚动相同的距离;
所述左下表格和右下表格由纵向滚动条控制滚动具体为:纵向滚动条滚动 时, 左下表格和右下表格在相同的方向上滚动相同的距离。
3、 如权利要求 1所述的在网页中实现表格局部滚动显示的方法, 其特征 在于, 所述方法还包括: 设置一个至少包括两行两列的框架集, 将左上表格、 左下表格、右上表格以及右下表格分别嵌入框架集与其位置对应的各单元格中 进行显示。
4、 如权利要求 1所述的在网页中实现表格局部滚动显示的方法, 其特征 在于, 利用可层叠样式表设置左下、 右上和右下表格。
5、 如权利要求 1所述的在网页中实现表格局部滚动显示的方法, 其特征 在于, 所述右上表格和右下表格的横向滚动、 以及左下表格和左下表格的纵向 滚动利用网页脚本技术实现。
6、 如权利要求 1所述的在网页中实现表格局部滚动显示的方法, 其特征 在于, 所述方法还包括: 按照所述左上、 左下、 右上和右下表格的位置在网页 上对其进行排列显示。
7、 一种在网页中实现表格局部滚动显示的系统, 其特征在于, 包括: 待显示表格, 包括冻结表格头、 冻结表格体、 活动表格头和活动表格体, 其中:
冻结表格头, 其宽度与冻结表格体的宽度相等;
冻结表格体,其高度与活动表格体的高度相等,隐藏超出显示区域的部分;
活动表格头,其高度与冻结表格头的高度相等,隐藏超出显示区域的部分; 活动表格体,其宽度与活动表格头的宽度相等,隐藏超出显示区域的部分, 并包括纵向和横向两个滚动条;
所述系统还包括: 纵向滚动子系统,用于控制冻结表格体和活动表格体在 纵向的同时滚动; 和
横向滚动子系统, 用于控制活动表格头和活动表格体在横向的同时滚动。
8、 如权利要求 7所述的在网页中实现表格局部滚动显示的系统, 其特征 在于, 所述纵向滚动子系统、 横向滚动子系统通过网页脚本技术实现。
9、 如权利要求 7所述的在网页中实现表格局部滚动显示的系统, 其特征 在于, 所述冻结表格头、 冻结表格体、 活动表格头以及活动表格体通过可层叠 样式表实现。
10、如权利要求 7所述的在网页中实现表格局部滚动显示的系统,其特征 在于, 所述系统还包括框架集, 用于将所述冻结表格头、 冻结表格体、 活动表 格头以及活动表格体分别嵌入在框架集与其位置对应的各单元格中进行显示。
Priority Applications (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2008557579A JP5384949B2 (ja) | 2006-03-06 | 2007-02-01 | ウェブページにおけるテーブルのローカル・ローリング表示を実現する方法およびシステム |
| EP07702242.4A EP1993042A4 (en) | 2006-03-06 | 2007-02-01 | Method and system for realizing table local rolling-display in web-page |
| US12/281,770 US8880995B2 (en) | 2006-03-06 | 2007-02-01 | Method and system for localized scrolling table display in a webpage |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNB2006100567629A CN100424700C (zh) | 2006-03-06 | 2006-03-06 | 在网页中实现表格局部滚动显示的方法及系统 |
| CN200610056762.9 | 2006-03-06 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2007101390A1 true WO2007101390A1 (fr) | 2007-09-13 |
Family
ID=36907680
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2007/000350 Ceased WO2007101390A1 (fr) | 2006-03-06 | 2007-02-01 | Procede et systeme d'affichage a defilement local de tableaux sur une page web |
Country Status (5)
| Country | Link |
|---|---|
| US (1) | US8880995B2 (zh) |
| EP (1) | EP1993042A4 (zh) |
| JP (1) | JP5384949B2 (zh) |
| CN (1) | CN100424700C (zh) |
| WO (1) | WO2007101390A1 (zh) |
Families Citing this family (34)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7779346B2 (en) * | 2006-10-03 | 2010-08-17 | Research In Motion Limited | System and method for freezing columns and rows in a UI table |
| CN101751223B (zh) * | 2009-12-22 | 2012-11-07 | 深圳市五巨科技有限公司 | 一种显示网页表格动态数据的方法和装置 |
| CN102236509A (zh) * | 2010-04-23 | 2011-11-09 | 三竹资讯股份有限公司 | 触控式移动设备金融看盘软件的全窗口水平触控卷动股名字段的装置及方法 |
| US9449406B2 (en) * | 2012-11-19 | 2016-09-20 | Hewlett Packard Enterprise Development Lp | Manipulating timelines |
| CN103164401A (zh) * | 2011-12-08 | 2013-06-19 | 航天信息软件技术有限公司 | 页面表格显示方法 |
| CN103823615A (zh) * | 2012-11-19 | 2014-05-28 | 金蝶软件(中国)有限公司 | 一种在web页面显示表格的方法及系统 |
| TWI486869B (zh) * | 2012-12-14 | 2015-06-01 | Wistron Neweb Corp | 處理表格網頁資訊之方法及行動通訊裝置 |
| CN103914473A (zh) * | 2013-01-04 | 2014-07-09 | 深圳市金蝶中间件有限公司 | 网页内容冻结方法和装置 |
| TWI480827B (zh) * | 2013-01-30 | 2015-04-11 | Mitake Information Corp | 選擇權t字報價之欄位連動顯示與自動定位裝置及方法 |
| CN104423839A (zh) * | 2013-08-30 | 2015-03-18 | 中兴通讯股份有限公司 | 浏览器资源显示方法和装置 |
| CN103714127A (zh) * | 2013-12-11 | 2014-04-09 | 金蝶软件(中国)有限公司 | 表格分信息组展示方法和系统 |
| US9760271B2 (en) | 2014-07-28 | 2017-09-12 | International Business Machines Corporation | Client-side dynamic control of visualization of frozen region in a data table |
| US20200218413A1 (en) | 2014-10-30 | 2020-07-09 | Google Llc | Systems and methods for presenting scrolling online content on mobile devices |
| CN105988982A (zh) * | 2015-01-28 | 2016-10-05 | 腾讯科技(深圳)有限公司 | 表格锁定方法及装置 |
| US9946701B2 (en) * | 2015-02-11 | 2018-04-17 | International Business Machines Corporation | Selectively pinning sections of displayed content |
| US9933931B2 (en) * | 2015-06-23 | 2018-04-03 | Microsoft Technology Licensing Llc | Freeze pane with snap scrolling |
| WO2017128891A1 (en) | 2016-01-25 | 2017-08-03 | Beijing Didi Infinity Technology And Development Co., Ltd. | Method and system for prompt message display |
| CN107203553B (zh) * | 2016-03-17 | 2020-07-24 | 北京神州泰岳软件股份有限公司 | 一种实现网页表格行/列锁定的方法和装置 |
| USD841017S1 (en) | 2016-09-16 | 2019-02-19 | Oracle International Corporation | Display screen or portion thereof with animated graphical user interface for selective movement of a data table header |
| US10831983B2 (en) * | 2016-09-16 | 2020-11-10 | Oracle International Corporation | Techniques for managing display of headers in an electronic document |
| CN106648331B (zh) * | 2016-11-02 | 2019-11-22 | 湖南省农业信息与工程研究所 | 一种可悬停列的列表显示方法和系统 |
| CN108446152B (zh) * | 2018-02-02 | 2021-09-28 | 创新先进技术有限公司 | 页面显示方法及装置 |
| JP7099014B2 (ja) * | 2018-04-03 | 2022-07-12 | 富士フイルムビジネスイノベーション株式会社 | 表示制御装置及び表示制御プログラム |
| CN110968987B (zh) * | 2018-09-30 | 2022-05-20 | 腾讯科技(深圳)有限公司 | 表格显示方法和装置、存储介质及电子装置 |
| CN110968241B (zh) * | 2018-09-30 | 2022-03-01 | 腾讯科技(深圳)有限公司 | 电子表格的处理方法、装置、计算机可以读存储介质和计算机设备 |
| CN111190516B (zh) * | 2019-12-27 | 2021-09-14 | 广东金赋科技股份有限公司 | 表格数据显示方法 |
| CN111309798B (zh) | 2020-02-11 | 2023-05-12 | 北京字节跳动网络技术有限公司 | 表格的处理方法、装置、设备和存储介质 |
| CN111832271B (zh) * | 2020-07-20 | 2023-08-18 | 北京百度网讯科技有限公司 | 数据呈现方法、装置、电子设备和存储介质 |
| CN112527178B (zh) * | 2020-12-16 | 2023-04-07 | 平安银行股份有限公司 | 页面控制方法、装置、设备及存储介质 |
| CN112698903A (zh) * | 2020-12-31 | 2021-04-23 | 浪潮云信息技术股份公司 | 一种基于ng-zorro的表格滚动条位置控制方法及系统 |
| KR102363333B1 (ko) * | 2021-03-10 | 2022-02-15 | 쿠팡 주식회사 | 아이템 정보 제공 방법 및 그 장치 |
| CN113362174B (zh) * | 2021-06-17 | 2023-01-24 | 富途网络科技(深圳)有限公司 | 数据对比方法、装置、设备以及存储介质 |
| CN114510190B (zh) * | 2022-04-18 | 2022-07-29 | 苏州万店掌网络科技有限公司 | 一种前端页面渲染方法、装置、设备及存储介质 |
| CN117311575B (zh) * | 2023-11-21 | 2024-04-19 | 深圳市东信时代信息技术有限公司 | 页面显示方法、装置、计算机设备及存储介质 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1434399A (zh) * | 2002-01-24 | 2003-08-06 | 英业达股份有限公司 | 网页表格重新排列的系统与方法 |
| US20060005145A1 (en) * | 2004-06-30 | 2006-01-05 | Siemens Aktiengesellschaft | Scrolling facility with fixing mechanism |
Family Cites Families (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5317306A (en) * | 1991-08-02 | 1994-05-31 | International Business Machines Corporation | System and method for dynamic control of horizontal scrolling |
| US5970506A (en) * | 1997-01-20 | 1999-10-19 | Justsystem Corporation | Spreadsheet-calculating system and method |
| US6313848B1 (en) * | 1999-01-06 | 2001-11-06 | Avaya Technology Corp. | Folded tables: a method of viewing wide tables with reduced need for horizontal scrolling |
| US7421666B2 (en) * | 2000-10-11 | 2008-09-02 | Microsoft Corporation | Browser navigation for devices with a limited input system |
| US6988241B1 (en) * | 2000-10-16 | 2006-01-17 | International Business Machines Corporation | Client side, web-based spreadsheet |
| JP2003050964A (ja) * | 2000-11-30 | 2003-02-21 | Kokusai Zunou Sangyo Kk | 表計算ウェブサーバシステムおよび表計算ウェブシステム |
| JP2002269486A (ja) * | 2001-03-08 | 2002-09-20 | Hitachi Ltd | 電子帳票のhtmlファイル生成方法、及びhtmlファイル生成プログラム |
| US7051119B2 (en) * | 2001-07-12 | 2006-05-23 | Yahoo! Inc. | Method and system for enabling a script on a first computer to communicate and exchange data with a script on a second computer over a network |
| JP2005128744A (ja) * | 2003-10-23 | 2005-05-19 | Fujitsu Ten Ltd | 情報処理装置 |
| US7328400B2 (en) | 2003-12-01 | 2008-02-05 | International Business Machines Corporation | Table column spanning |
| ATE484799T1 (de) * | 2004-03-16 | 2010-10-15 | Sap Ag | Verfahren, computerprogrammprodukt und datenverarbeitungssystem zum anzeigen einer mehrzahl von datenobjekten |
| US8621385B2 (en) * | 2004-05-21 | 2013-12-31 | Sap Ag | System and method for controlling a display of data |
| US20050268215A1 (en) | 2004-06-01 | 2005-12-01 | Microsoft Corporation | Method and apparatus for viewing and interacting with a spreadsheet from within a web browser |
| CN101065723A (zh) | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | 在表格中显示数据的方法 |
| US20060117051A1 (en) * | 2004-11-26 | 2006-06-01 | Chin Philip K | Method of displaying data in a table |
| US7594261B2 (en) * | 2005-02-08 | 2009-09-22 | Microsoft Corporation | Cryptographic applications of the Cartier pairing |
| CN100370454C (zh) * | 2005-05-20 | 2008-02-20 | 珠海金山软件股份有限公司 | 一种显示和操作电子表格中工作簿的装置 |
| US20070168855A1 (en) * | 2006-01-17 | 2007-07-19 | Sushma Bharat Patel | Screen splitting for Web browsers |
| US7779346B2 (en) * | 2006-10-03 | 2010-08-17 | Research In Motion Limited | System and method for freezing columns and rows in a UI table |
-
2006
- 2006-03-06 CN CNB2006100567629A patent/CN100424700C/zh not_active Expired - Lifetime
-
2007
- 2007-02-01 WO PCT/CN2007/000350 patent/WO2007101390A1/zh not_active Ceased
- 2007-02-01 US US12/281,770 patent/US8880995B2/en active Active
- 2007-02-01 EP EP07702242.4A patent/EP1993042A4/en not_active Withdrawn
- 2007-02-01 JP JP2008557579A patent/JP5384949B2/ja active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1434399A (zh) * | 2002-01-24 | 2003-08-06 | 英业达股份有限公司 | 网页表格重新排列的系统与方法 |
| US20060005145A1 (en) * | 2004-06-30 | 2006-01-05 | Siemens Aktiengesellschaft | Scrolling facility with fixing mechanism |
Non-Patent Citations (3)
| Title |
|---|
| HUANG H.: "Setting Display Mode of Microsoft Excel", CHINA COMPUTERIZED ACCOUNTING, 10 May 2000 (2000-05-10), pages 59, XP008167865 * |
| LI Y. ET AL.: "Some Skills of Using EXCEL", HEILONGJIANG ELECTRONIC TECHNOLOGY, 30 May 2002 (2002-05-30), pages 57, XP008167871 * |
| See also references of EP1993042A4 * |
Also Published As
| Publication number | Publication date |
|---|---|
| EP1993042A4 (en) | 2017-01-25 |
| US8880995B2 (en) | 2014-11-04 |
| JP2009529167A (ja) | 2009-08-13 |
| JP5384949B2 (ja) | 2014-01-08 |
| CN100424700C (zh) | 2008-10-08 |
| US20090144607A1 (en) | 2009-06-04 |
| EP1993042A1 (en) | 2008-11-19 |
| HK1095010A1 (zh) | 2007-04-20 |
| CN1815478A (zh) | 2006-08-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2007101390A1 (fr) | Procede et systeme d'affichage a defilement local de tableaux sur une page web | |
| CN105740315B (zh) | 一种多种屏幕响应式网页布局调整的方法 | |
| CN102591954B (zh) | 一种浏览器用数据加载方法及装置 | |
| CN102663056B (zh) | 一种图片元素显示方法和装置 | |
| US20110219321A1 (en) | Web-based control using integrated control interface having dynamic hit zones | |
| JP5001474B2 (ja) | 表示制御プログラム、表示制御プログラムが記録された記録媒体、表示制御装置、及び表示制御方法 | |
| CN103870558B (zh) | 页面渲染方法和遮罩层创建方法 | |
| US9195780B2 (en) | Computer user interface including a data grid with a persistent display portion | |
| US20140157100A1 (en) | Persistent layer labels for a pivot table or cross-tabular report | |
| US20120290935A1 (en) | Information processing apparatus, server device, information processing method, computer program, and content sharing system | |
| EP2558957A2 (en) | Scrolling in large hosted data set | |
| CN103793436B (zh) | 浏览页面的方法及浏览器 | |
| KR20120024700A (ko) | 그래픽 사용자 인터페이스에서 스크랩된 웹 페이지들을 제공하는 방법 및 장치 | |
| CN102298492A (zh) | 信息处理设备、信息处理方法和程序 | |
| CN116009865A (zh) | 基于Vue框架及瀑布流算法的复合类型数据展示方法 | |
| CN103164488A (zh) | 一种页面显示方法及显示装置 | |
| CN105653139A (zh) | 网页导航菜单显示方法和系统 | |
| CN100468306C (zh) | 一种网页页面部件隐现装置和方法 | |
| RU2202825C2 (ru) | Способ визуализации объектов рекламно-информационного содержания | |
| US20140129927A1 (en) | Page browsing method and browser | |
| JP5858479B2 (ja) | 端末装置及びプログラム | |
| CN103440340A (zh) | 一种导航网页内容显示方法及装置 | |
| HK1095010B (zh) | 在网页中实现表格局部滚动显示的方法及系统 | |
| JP4624182B2 (ja) | 情報処理装置、メッセージ表示方法、コンピュータ実行可能なメッセージ、および表示プログラム | |
| CN116048500A (zh) | 一种web页面布局方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application | ||
| REEP | Request for entry into the european phase |
Ref document number: 2007702242 Country of ref document: EP |
|
| WWE | Wipo information: entry into national phase |
Ref document number: 2007702242 Country of ref document: EP |
|
| WWE | Wipo information: entry into national phase |
Ref document number: 2008557579 Country of ref document: JP |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| WWE | Wipo information: entry into national phase |
Ref document number: 12281770 Country of ref document: US |