CN101470570B - 移动网页报表的系统及方法 - Google Patents

移动网页报表的系统及方法 Download PDF

Info

Publication number
CN101470570B
CN101470570B CN2007102034572A CN200710203457A CN101470570B CN 101470570 B CN101470570 B CN 101470570B CN 2007102034572 A CN2007102034572 A CN 2007102034572A CN 200710203457 A CN200710203457 A CN 200710203457A CN 101470570 B CN101470570 B CN 101470570B
Authority
CN
China
Prior art keywords
scroll bar
cursor
state
title
web page
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.)
Expired - Fee Related
Application number
CN2007102034572A
Other languages
English (en)
Other versions
CN101470570A (zh
Inventor
李忠一
王宜国
黄健
卢德佳
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hongfujin Precision Industry Shenzhen Co Ltd
Hon Hai Precision Industry Co Ltd
Original Assignee
Hongfujin Precision Industry Shenzhen Co Ltd
Hon Hai Precision Industry Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Hongfujin Precision Industry Shenzhen Co Ltd, Hon Hai Precision Industry Co Ltd filed Critical Hongfujin Precision Industry Shenzhen Co Ltd
Priority to CN2007102034572A priority Critical patent/CN101470570B/zh
Priority to US12/344,221 priority patent/US20090172588A1/en
Publication of CN101470570A publication Critical patent/CN101470570A/zh
Application granted granted Critical
Publication of CN101470570B publication Critical patent/CN101470570B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • 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
    • G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种移动网页报表的方法，该方法包括如下步骤：通过脚本语言将网页报表分为标题区域和数据区域；分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条；读取光标的位置及状态；根据光标的位置及状态判断光标是否能移动滚动条；当光标能拖动滚动条时，读取滚动条移动之前及移动之后在显示器上像素的差值；根据所述像素的差值计算光标拖动滚动条的距离；将滚动条对应的标题区域也移动上述计算的距离以使网页报表中标题与数据对应。另外，本发明还提供一种移动网页报表的系统。

Description

移动网页报表的系统及方法
技术领域
本发明涉及一种移动网页报表的系统及方法。
背景技术
企业在营运中会产生各种各样的报表，如：利润报表、成本报表、员工报表等，随着信息化的推广、网络的运用，几乎所有的大型公司、企业都有自己的报表系统，即：通过将所制作的报表以网页的形式显示出来，企业内的各个用户可以通过网络访问该报表系统，从而查询到所需要的报表，它的主要目的是加强用户之间的联系，使用户们能更好的协同工作，提高工作效率。它能为企业带来的最大益处是加强部门内、部门间的通讯协作，使整个企业内部的信息流有组织、高效的按照一定规范流程流动，令整个企业高效的运作起来。
通常网页中报表分标题区域及数据区域，数据区域用于存放数据，并将数据显示在对应的表格中，标题区域用于存放数据对应的属性信息，用户通过查看数据对应的标题可以很清楚的看到每个数据具体的含义。然而，用户通过页面中的数据区域的滚动条拖动报表时，标题区域不会移动，这样就造成了数据不能与标题对应。
发明内容
鉴于以上内容，有必要提供一种移动网页报表的系统，其可以通过在数据区域的滚动条拖动报表时也能同时移动标题区域，从而使数据与标题对应。
鉴于以上内容，还有必要提供一种移动网页报表的方法，其可以通过在数据区域的滚动条拖动报表时也能同时移动标题区域，从而使数据与标题对应。
一种移动网页报表的系统，该系统运行于计算机主机中，该计算机主机连接一显示器，该系统包括：划分模块，用于通过脚本语言将网页报表分为标题区域和数据区域；设置模块，用于分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条；读取模块，用于读取光标的位置及状态；判断模块，用于根据光标的位置及状态判断光标是否能移动滚动条；所述读取模块，还用于当光标能拖动滚动条时，读取滚动条移动之前及移动之后在显示器上像素的差值；计算模块，用于根据所述像素的差值计算光标拖动滚动条的距离；移动模块，用于将滚动条对应的标题区域也移动上述计算的距离以使网页报表中标题与数据对应。
一种移动网页报表的方法，该方法包括如下步骤：通过脚本语言将网页报表分为标题区域和数据区域；分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条；读取光标的位置及状态；根据光标的位置及状态判断光标是否能移动滚动条；当光标能拖动滚动条时，读取滚动条移动之前及移动之后在显示器上像素的差值；根据所述像素的差值计算光标拖动滚动条的距离；将滚动条对应的标题区域也移动上述计算的距离以使网页报表中标题与数据对应。
相较于现有技术，所述的移动网页报表的系统及方法，其可以通过在数据区域的滚动条拖动报表时也能同时移动标题区域，从而使数据与标题对应。
附图说明
图1是本发明移动网页报表的系统较佳实施例的硬件架构图。
图2是图1中所示计算机主机的功能模块图。
图3是本发明网页中报表的显示图。
图4是本发明移动网页报表的方法较佳实施例的流程图。
具体实施方式
如图1所示，是本发明移动网页报表的系统较佳实施例的硬件架构图。该系统运行于计算机主机2中。所述计算机主机2连接有显示器1、键盘3及鼠标4，用作具体操作时的输入、输出设备。
如图2所示，是图1中所示计算机主机2的功能模块图。所述计算机主机2包括划分模块210、设置模块211、读取模块212、判断模块213、计算模块214及移动模块215。本发明所称的模块是完成一特定功能的计算机程序段，比程序更适合于描述软件在计算机中的执行过程，因此在本发明以下对软件描述中都以模块描述。
其中，所述划分模块210用于通过脚本语言将网页报表分为标题区域和数据区域。具体而言，如图3所示，是报表在网页中的一种格式，图中有文字的表格是标题区域，从图中可以看出，标题区域有横向标题，纵向标题，图中空白的表格是数据区域，用于存放数据，每个数据都有对应的横向标题栏位及纵向标题栏位，用户可以很清楚的看到每个数据在表格中的位置及具体的含义。在本较佳实施例中，所述的脚本语言是指HTML(Hypertext Markup Language：超文本链接标示语言)脚本语言。
所述设置模块211用于分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条。滚动条有两种，包括上下滚动条及左右滚动条，如图3所示，所述上下滚动条112只能拖动页面上下移动，所述左右滚动条110只能拖动页面左右移动。由于标题和数据在网页上分为不同的区域，因此，滚动条只能拖动数据区域(例如，在图3中的上下滚动条112只能拖动空白的表格区域上下移动)。
所述读取模块212用于读取光标的位置及状态。所述光标的状态包括，但不限于，光标左键单击状态、左键双击状态及右键单击状态。
所述判断模块213用于根据光标的位置及状态判断光标是否能移动滚动条。具体而言，若光标在滚动条上，且光标的状态为左键单击状态，则光标能够拖动滚动条。
所述读取模块212还用于当光标能拖动滚动条时，读取滚动条移动之前及移动之后在显示器1上像素的差值。具体而言，显示器1上都有对应的分辨率(如：1024*768个像素，该像素值表明显示器1横向有1024个像素点，纵向有768个像素点)，由于滚动条只有上下滚动条或左右滚动条，因此，若光标拖动的是上下滚动条，则读取光标拖动上下滚动条在显示器上移动的纵向像素点的值，例如，上下滚动条移动之前的像素点为：20，移动之后的像素点的值为：120，则上下滚动条纵向移动了100个像素点。
所述计算模块214用于根据所述像素的差值计算光标拖动滚动条的距离。具体而言，计算公式为：L＝M*S/N，其中，若滚动条为上下滚动条，L为上下移动的距离，则M为纵向移动的像素值、S为显示器1的实际宽度、N为分辨率中纵向像素点的值，若滚动条为左右滚动条，L为左右移动的距离，则M为横向移动的像素值、S为显示器1的实际长度、N为分辨率中横向像素点的值，例如，假设滚动条为上下滚动条，用户设置的分辨率为：1024*768个像素，该滚动条纵向移动了100个像素点，该显示器1屏幕宽度为23.04厘米，则该上下滚动条移动的距离为：100*23.04/768＝3厘米。
所述移动模块215用于将滚动条对应的标题区域也移动上述计算的距离以确保网页报表中标题与数据对应。具体而言，假设上下滚动条移动3厘米，则标题区域中纵向标题栏位也移动3厘米，以使报表中标题与数据对应，此外，在移动上下滚动条的时候，标题区域中横向栏位保持不动。
如图3所示，是本发明移动网页报表的方法较佳实施例的流程图。
步骤S10，首先，划分模块210通过脚本语言将网页报表分为标题区域和数据区域。具体而言，如图3所示，是报表在网页中的一种格式，图中有文字的表格是标题区域，从图中可以看出，标题区域有横向标题，纵向标题，图中空白的表格是数据区域，用于存放数据，每个数据都有对应的横向标题栏位及纵向标题栏位，用户可以很清楚的看到每个数据在表格中的位置及具体的含义。在本教佳实施例中，所述的脚本语言是指HTML(Hypertext Markup Language：超文本链接标示语言)脚本语言。
步骤S11，设置模块211分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条。滚动条有两种，包括上下滚动条及左右滚动条，如图3所示，所述上下滚动条112只能拖动页面上下移动，所述左右滚动条110只能拖动页面左右移动。由于标题和数据在网页上分为不同的区域，因此，滚动条只能拖动数据区域(例如，在图3中的上下滚动条112只能拖动空白的表格区域上下移动)。
步骤S12，读取模块212读取光标的位置及状态。所述光标的状态包括，但不限于，光标左键单击状态、左键双击状态及右键单击状态。
步骤S13，判断模块213根据光标的位置及状态判断光标是否能移动滚动条。具体而言，若光标在滚动条上，且光标的状态为左键单击状态，则光标能够拖动滚动条。
步骤S14，当光标能拖动滚动条时，读取模块212读取滚动条移动之前及移动之后在显示器1上像素的差值。具体而言，显示器1上都有对应的分辨率(如：1024*768个像素，该像素值表明显示器1横向有1024个像素点，纵向有768个像素点)，由于滚动条只有上下滚动条或左右滚动条，因此，若光标拖动的是上下滚动条，则读取光标拖动上下滚动条在显示器上移动的纵向像素点的值，例如，上下滚动条移动之前的像素点为：20，移动之后的像素点的值为：120，则上下滚动条纵向移动了100个像素点，读取模块212读取到的像素值为100。
步骤S15，计算模块214根据所述像素的差值计算光标拖动滚动条的距离。具体而言，计算公式为：L＝M*S/N，其中，若滚动条为上下滚动条，L为上下移动的距离，则M为纵向移动的像素值、S为显示器1的实际宽度、N为分辨率中纵向像素点的值，若滚动条为左右滚动条，L为左右移动的距离，则M为横向移动的像素值、S为显示器1的实际长度、N为分辨率中横向像素点的值，例如，假设滚动条为上下滚动条，用户设置的分辨率为：1024*768个像素，该滚动条纵向移动了100个像素点，该显示器1屏幕宽度为23.04厘米，则该上下滚动条移动的距离为：100*23.04/768＝3厘米。
步骤S16，移动模块215将滚动条对应的标题区域也移动上述距离以确保网页报表中标题与数据对应。具体而言，假设上下滚动条移动3厘米，则标题区域中纵向标题栏位也移动3厘米，以使报表中标题与数据对应，此外，在移动上下滚动条的时候，标题区域中横向栏位保持不动。
在步骤S13中，当光标不能拖动滚动条时，则直接结束流程。
最后所应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照以上较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (5)

1.一种移动网页报表的系统，该系统运行于计算机主机中，该计算机主机连接一显示器，其特征在于，该系统包括：
划分模块，用于通过脚本语言将网页报表分为标题区域和数据区域；
设置模块，用于分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条；
读取模块，用于读取光标的位置及状态；
判断模块，用于根据光标的位置及状态判断光标是否能移动滚动条；
所述读取模块，还用于当光标能拖动滚动条时，读取滚动条移动之前及移动之后在显示器上像素的差值；
计算模块，用于根据所述像素的差值计算光标拖动滚动条的距离；及
移动模块，用于将滚动条对应的标题区域也移动上述计算的距离以使网页报表中的标题与数据对应。
2.如权利要求1所述的移动网页报表的系统，其特征在于，所述光标的状态包括光标左键单击状态、左键双击状态及右键单击状态。
3.一种移动网页报表的方法，其特征在于，该方法包括如下步骤：
通过脚本语言将网页报表分为标题区域和数据区域；
分别对所述的标题区域及数据区域设置属性，使数据区域产生滚动条；
读取光标的位置及状态；
根据光标的位置及状态判断光标是否能移动滚动条；
当光标能拖动滚动条时，读取滚动条移动之前及移动之后在显示器上像素的差值；
根据所述像素的差值计算光标拖动滚动条的距离；及
将滚动条对应的标题区域也移动上述计算的距离以使网页报表中的标题与数据对应。
4.如权利要求3所述的移动网页报表的方法，其特征在于，其特征在于，所述光标的状态包括光标左键单击状态、左键双击状态及右键单击状态。
5.如权利要求3所述的移动网页报表的方法，其特征在于，该方法还包括步骤：
当光标不能拖动滚动条时，直接结束流程。
CN2007102034572A 2007-12-27 2007-12-27 移动网页报表的系统及方法 Expired - Fee Related CN101470570B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN2007102034572A CN101470570B (zh) 2007-12-27 2007-12-27 移动网页报表的系统及方法
US12/344,221 US20090172588A1 (en) 2007-12-27 2008-12-25 System and method for controlling dragging scroll bars in a web table

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2007102034572A CN101470570B (zh) 2007-12-27 2007-12-27 移动网页报表的系统及方法

Publications (2)

Publication Number Publication Date
CN101470570A CN101470570A (zh) 2009-07-01
CN101470570B true CN101470570B (zh) 2011-02-02

Family

ID=40800233

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2007102034572A Expired - Fee Related CN101470570B (zh) 2007-12-27 2007-12-27 移动网页报表的系统及方法

Country Status (2)

Country Link
US (1) US20090172588A1 (zh)
CN (1) CN101470570B (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110092677A (ko) * 2010-02-10 2011-08-18 연윤호 베팅게임 시스템 및 이를 이용한 베팅게임의 베팅방법
CN102236509A (zh) * 2010-04-23 2011-11-09 三竹资讯股份有限公司 触控式移动设备金融看盘软件的全窗口水平触控卷动股名字段的装置及方法
JP5732854B2 (ja) * 2011-01-05 2015-06-10 ソニー株式会社 表示制御装置、表示制御方法及びプログラム
CN104142836A (zh) * 2013-05-10 2014-11-12 鸿富锦精密工业（深圳）有限公司 数据处理系统及方法
US9612734B1 (en) * 2013-09-30 2017-04-04 EMC IP Holding Company LLC Random access browser scrolling for large pages
CN106557491A (zh) * 2015-09-25 2017-04-05 北京奇虎科技有限公司 一种网页中展示表格数据的方法和装置
CN107728868B (zh) * 2016-08-11 2021-03-09 阿里巴巴集团控股有限公司 同步移动页面中的组件的方法、装置和移动终端
CN110262736B (zh) * 2019-06-20 2021-09-17 北京字节跳动网络技术有限公司 数据表格创建方法及装置
CN110737495A (zh) * 2019-10-14 2020-01-31 北京字节跳动网络技术有限公司 窗口显示方法、装置、终端及存储介质

Family Cites Families (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US4506343A (en) * 1982-05-17 1985-03-19 International Business Machines Corporation Column layout reference area display management
JPH07152528A (ja) * 1993-11-26 1995-06-16 Fujitsu Ltd 画面スクロール装置及び方法
JP3404931B2 (ja) * 1994-11-15 2003-05-12 カシオ計算機株式会社 表処理装置
US6199080B1 (en) * 1996-08-30 2001-03-06 Sun Microsystems, Inc. Method and apparatus for displaying information on a computer controlled display device
US6023714A (en) * 1997-04-24 2000-02-08 Microsoft Corporation Method and system for dynamically adapting the layout of a document to an output device
US6323844B1 (en) * 1997-08-11 2001-11-27 Fu-Kuo Yeh Cursor controlling device and the method of the same
US6300947B1 (en) * 1998-07-06 2001-10-09 International Business Machines Corporation Display screen and window size related web page adaptation system
US6556217B1 (en) * 2000-06-01 2003-04-29 Nokia Corporation System and method for content adaptation and pagination based on terminal capabilities
US6988241B1 (en) * 2000-10-16 2006-01-17 International Business Machines Corporation Client side, web-based spreadsheet
US6983331B1 (en) * 2000-10-17 2006-01-03 Microsoft Corporation Selective display of content
ITRM20010032A1 (it) * 2001-01-24 2002-07-24 Fabrizio Giacomelli Metodo di spostamento di un puntatore grafico su un'area di lavoro diuno schermo di un elaboratore.
US7071919B2 (en) * 2001-02-26 2006-07-04 Microsoft Corporation Positional scrolling
US6657639B2 (en) * 2001-09-20 2003-12-02 International Business Machines Corporation Apparatus and method for improved scrolling
US20040135811A1 (en) * 2003-01-14 2004-07-15 Craig Pickering Method and system for displaying data fields
US20060117051A1 (en) * 2004-11-26 2006-06-01 Chin Philip K Method of displaying data in a table

Also Published As

Publication number Publication date
CN101470570A (zh) 2009-07-01
US20090172588A1 (en) 2009-07-02

Similar Documents

Publication Publication Date Title
CN101470570B (zh) 移动网页报表的系统及方法
CN111444696B (zh) 报表展示与编辑方法及装置
CN101662493B (zh) 一种用户访问路径的数据采集方法、系统及服务器
US8572478B2 (en) Row heights in electronic documents
CN101158940B (zh) 在目标区域内缩小字符填充的方法及装置
CN105912655A (zh) 基于WebGL的三维模型显示方法及相应的Web-BIM工程信息集成管理系统
TWI545450B (zh) 瀏覽器顯示子頁面的處理方法及瀏覽器
CN106294822A (zh) 一种电力数据可视化系统
CN102339282A (zh) 一种微件显示的控制方法和装置
CN101751444A (zh) 网页内容定制系统及方法
CN113204401B (zh) 浏览器渲染方法，终端及存储介质
CN108984070A (zh) 用于热力图成像的方法、装置、电子设备及可读介质
Laine et al. Responsive and personalized web layouts with integer programming
US20140095390A1 (en) Mobile transaction approvals
CN101021789A (zh) 在应用软件系统中新增信息流管理功能的实现方法
CN105069092B (zh) 一种报表展示的方法、系统及移动终端
US20130212460A1 (en) Tracking visibility of rendered objects in a display area
CN111753227B (zh) 一种基于异步加载数据信息的屏幕展示系统和方法
CN102044075A (zh) 使用双图层半透明拖动实现车架号和发动机号比对的方法
CN111597010A (zh) 一种Web页面的图片生成方法、装置、打印设备和记录介质
TW201317884A (zh) 移動設備網頁表單產生方法
CN103970773A (zh) 一种网页的页面更新方法及装置
TWI402696B (zh) 移動網頁報表的系統及方法
CN106202160A (zh) 一种网页显示方法及装置
CN116048500A (zh) 一种web页面布局方法、装置、电子设备及存储介质

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20110202

Termination date: 20151227

EXPY Termination of patent right or utility model