CN101414312B - 在网页上选择信息的方法和装置 - Google Patents

在网页上选择信息的方法和装置 Download PDF

Info

Publication number
CN101414312B
CN101414312B CN200810239205XA CN200810239205A CN101414312B CN 101414312 B CN101414312 B CN 101414312B CN 200810239205X A CN200810239205X A CN 200810239205XA CN 200810239205 A CN200810239205 A CN 200810239205A CN 101414312 B CN101414312 B CN 101414312B
Authority
CN
China
Prior art keywords
data entries
signal
click
rectangle
user
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.)
Active
Application number
CN200810239205XA
Other languages
English (en)
Other versions
CN101414312A (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.)
COL Group Co.,Ltd.
Original Assignee
CHINESEALL INFORMATION TECHNOLOGY 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 CHINESEALL INFORMATION TECHNOLOGY Co Ltd filed Critical CHINESEALL INFORMATION TECHNOLOGY Co Ltd
Priority to CN200810239205XA priority Critical patent/CN101414312B/zh
Publication of CN101414312A publication Critical patent/CN101414312A/zh
Application granted granted Critical
Publication of CN101414312B publication Critical patent/CN101414312B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明提出了一种在网页上选择信息的方法和装置。其中，在网页上选择信息的方法包括以下步骤：在网页上显示连续的多个信息条目；接收用户输入的请求信号；判断请求信号是否由点击信号和拖动信号组成；以及在请求信号由点击信号和拖动信号组成的情况下，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目。通过本发明，当需要在互联网页面上选择大量的信息时，可以进行连续拖动式选择，从而大大减少了点击次数。

Description

在网页上选择信息的方法和装置
技术领域
本发明涉及互联网应用领域，更具体地，本发明涉及一种在网页上选择信息的方法和装置。
背景技术
在互联网页面交互中，无论是传统的瘦页面方式，还是现在流行的富客户端页面。一般来说，当用户浏览页面进入信息展示页面时，信息会在页面中以列表的形式一行一行地展现给用户，其中每一行信息中都会有一个选择列，同时会在页面中放置一个全选按钮。用户选择信息时可以点击全选按钮来全部选择列表中所有的信息，但是当用户浏览信息列表企图选择所需要的一系列信息时，例如n0，n1，n2，...，n-m行。传统的选择方式是用户挨个的在每行选择列上点击。于是用户的点击次数为HT(HitTimes)＝(n-m)-n0+1次。
该技术的问题在于，对于点击量HT不是很大的时候，用户可以接受这种方式，但是当点击量HT趋向比较大时，是难以接受的。这样用户使用起来很不方便，增加了用户的点击次数，效率低而且操作繁琐。
发明内容
鉴于以上的问题，本发明提出了一种在网页上选择信息的方法和装置，通过本发明，当需要在互联网页面上选择大量的信息时，可以进行连续拖动式选择，从而大大减少了点击次数。
根据本发明的一个方面，提出了一种在网页上选择信息的方法，包括以下步骤：在需要用户点选并提交所选的选择项的交互式互联网页面上显示连续的多个信息条目；接收用户输入的请求信号；判断请求信号是否由点击信号和随即的拖动信号组成；以及在请求信号由点击信号和拖动信号组成的情况下，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目。
该方法中在需要用户点选并提交所选的选择项的交互式互联网页面上显示连续的多个信息条目还可以包括以下步骤：绘制连续的多个矩形；以及将多个信息条目中的每一个分别显示在多个矩形中的每一个中。
该方法还可以包括以下步骤：确定多个信息条目中与点击信号所对应的信息条目以及多个信息条目中与拖动信号所对应的信息条目。
其中，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目包括以下步骤：加粗与点击信号对应的信息条目所在的矩形并在该矩形中显示选中标记；以及加粗与拖动信号对应的信息条目所在的矩形并在用户拖动结束后在该矩形中显示选中标记。其中，选中标记是勾形标记。
根据本发明的另一个方面，提出了一种在网页上选择信息的装置，包括：显示模块，用于在需要用户点选并提交所选的选择项的交互式互联网页面上显示连续的多个信息条目；接收模块，用于接收用户输入的请求信号；判断模块，用于判断请求信号是否由点击信号和随即的拖动信号组成；以及选择模块，用于在请求信号由点击信号和随即的拖动信号组成的情况下，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目。
该装置中显示模块还可以包括：绘制模块，用于绘制连续的多个矩形；以及对应显示模块，用于将多个信息条目中的每一个分别显示在多个矩形中的每一个中。
该装置还可以包括：确定模块，用于确定多个信息条目中与点击信号所对应的信息条目以及多个信息条目中与拖动信号所对应的信息条目。
其中，选择模块可以包括：点击突出显示单元，用于加粗与点击信号对应的信息条目所在的矩形并在该矩形中显示选中标记；以及拖动突出显示单元，用于加粗与拖动信号对应的信息条目所在的矩形并在用户拖动结束后在该矩形中显示选中标记。其中，选中标记是勾形标记。
技术效果：通过本发明，当需要在互联网页面上选择大量的信息时，可以使用连续拖动式选择信息的方式，从而大大地减少了操作次数，同时也在很大程度上提高了操作效率。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1是根据本发明的一个示例性实施例在网页上选择信息的方法的流程图；
图2是根据本发明的另一个示例性实施例的在网页上选择信息的方法的流程图；
图3A-图3C是根据本发明的示例性实施例的在网页上选择信息的图解步骤；以及
图4是根据本发明的示例性实施例的在网页上选择信息的装置的示意图。
具体实施方式
下面参考附图，详细说明本发明的具体实施方式。
图1是根据本发明的一个示例性实施例在网页上选择信息的方法的流程图。如图1所示，该方法包括以下步骤：
步骤S102，在网页上显示连续的多个信息条目；
步骤S104，接收用户输入的请求信号；
步骤S106，判断请求信号是否由点击信号和拖动信号组成；以及
步骤S108，在请求信号由点击信号和拖动信号组成的情况下，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目。
该方法还可以包括以下步骤：绘制连续的多个矩形；以及将多个信息条目中的每一个分别显示在多个矩形中的每一个中。
该方法还可以包括以下步骤：确定多个信息条目中与点击信号所对应的信息条目以及多个信息条目中与拖动信号所对应的信息条目。
其中，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目包括以下步骤：加粗与点击信号对应的信息条目所在的矩形并在该矩形中显示选中标记；以及加粗与拖动信号对应的信息条目所在的矩形并在用户拖动结束后在该矩形中显示选中标记。其中，选中标记是勾形标记。
图2是根据本发明的另一个示例性实施例在网页上选择信息的方法的流程图。图3A-3C是根据本发明的示例性实施例，在网页上选择信息的方法的图解步骤。如图2以及图3A-3C所示，在网页上进行连续拖动式选择信息的图解步骤包括：1)用户浏览页面进入信息展示页面，请求想要查看的信息(如图2中S202所示)。其中，IE页面嵌套着使用actionScript3.0编写swf文件。该swf文件能够提供一个类似于传统表格形式的显示方式，继承ScrollControlBase类，实现IfocusMangerComponet接口。这里分成三个层，分别为底层的数据层(如图3A、3B、3C中示出的文字)，中间的网格层(如图3A、3B、3C中示出的多个矩形)，最上层的选择层(如图3A、3B、3C中示出的粗线矩形)。最底层的数据层是存放数据的矩阵，其中该矩阵中的数据是与网格层显示位置一一对应。最底层的数据层只有在有信息时才会显示，一般默认情况下是不可见的(如图2中S204所示)。它是使用actionScript自带的类UITextField来存放数据，每一格信息就是一个UITextField对象。每次actionScript自动刷新时，就会循环遍历里面的小矩形，查看在那个矩形上有数据就会在此处放置一个UITextField对象，把数据存储进去显示(如图2中S206所示)。网格层是许多直线相交而形成的矩形状网格。网格层是根据父类里面自带的graphics，画直线方法来画每一个小矩形的。假如要画一个矩形网格。先画N条垂直线，然后再绘制N条水平线相交，即成为一个矩形网格。比如该矩阵网格里面有N×N个小矩形，每个矩形的宽为w像素，高为h像素。首先graphics设置直线样式，从第0列开始遍历列，先在移动到点A(x＝0，y＝0)处，画一条垂直线到点B(x＝0，y＝N×h)，然后重新找到与A点的X轴相距w像素，Y轴值相同的点C(x＝A.x+w，y＝N×h)，以C点为起始点，画垂直线到与B点的X轴相距w像素，Y轴值相同的点D(x＝A.x+w，y＝N×h)，画出第二条垂直线......依此类推，得到N条间隔为w，长度为N×h的垂直线，同样的，我们也可以得到N条间隔为h，长度为N×w的水平线。这样就形成了一个有N×N个小矩形的矩形网格。在画网格过程中要用一个数组把每一个点都存放进去，用于放置底层数据与定位最上层的选择层，每一个点的x、y坐标都与数据层的矩阵相对应。当画完网格层后，遍历矩阵，从矩阵中取得数据查找该数据的位置，在网格相应的位置显示出来。选择层是处于最上层的一个粗线矩形框，开始进去时它默认位置是第一行第一列的小矩形处，当用户点击或者拖动时就会根据鼠标的坐标来重新绘制选择层。选择层是一个承Shape的AS类。用grahics在粗线矩形右下角画处有一个圆，填充颜色，定时器每隔1秒就给圆形的加亮特效。使之看起来处于激活状态，同时监听鼠标事件。2)用户使用鼠标单击所要选择的某一个小矩形，选择层将会移动到该处，如图3A所示。当用户把鼠标移动到选择层右下角的圆形处时，就会把鼠标的样式换为书写形状，提示用户可以拖动操作。3)用户在鼠标样式变为书写形状下，按下鼠标。因为选择层的右下角圆形已经监听鼠标单击事件，所以当用户在此处按下鼠标，就会触发重新绘制选择层的方法。而且同时它又监听了鼠标拖动事件，会根据鼠标移动的移动位置重新绘制选择层的粗线矩形，填充为淡绿色。如图3B所示(以及如图2中S208所示)，鼠标往下垂直移动了3个格，于是重新绘制了选择层的粗线矩形，填充为淡绿色。4)在用户选择拖动时仅仅是使用Shape中的graphics重新绘制了选择层的显示状态，并没有把第一个矩形的数据赋值到其他的矩形格，当用户松开鼠标时重新绘制选择层的粗线矩形，不填充任何颜色，然后根据用户所选择的区域，把第一个小矩形的值，赋给相应区域其他的小矩形。如图3C所示(以及如图2中S210所示)，选择层的粗线矩形已经重新绘制，每一个选择的矩形都已经打上钩。
总之，从上面的示例性实施例中可以看出，本发明提出了一种在网页上进行连续拖动式选择信息的方法。该方法让用户能够间隔连续拖动式选择，方便快捷的提交信息。比如用户要选择n0，n1，n2，...，n-m行。用户只需要点击鼠标左键选择第n0行，按住鼠标左键不放，往下拖动到第(n-m)行。就能选择所想选择的信息。用户的点击量HT为1！大大减少了操作次数。再也不用像传统式一行行地去点击选择列然后提交。
图4是根据本发明的示例性实施例在网页上进行连续拖动式选择信息的装置的示意图。如图4所示，该装置，包括：显示模块402，用于在网页上显示连续的多个信息条目；接收模块404，用于接收用户输入的请求信号；判断模块406，用于判断请求信号是否由点击信号和拖动信号组成；以及选择模块408，用于在请求信号由点击信号和拖动信号组成的情况下，选择多个信息条目中与点击信号对应的信息条目以及多个信息条目中与拖动信号对应的信息条目。
该装置还可以包括：绘制模块，用于绘制连续的多个矩形；以及对应显示模块，用于将多个信息条目中的每一个分别显示在多个矩形中的每一个中。
该装置还可以包括：确定模块，用于确定多个信息条目中与点击信号所对应的信息条目以及多个信息条目中与拖动信号所对应的信息条目。
其中，选择模块408可以包括：点击突出显示单元，用于加粗与点击信号对应的信息条目所在的矩形并在该矩形中显示选中标记；以及拖动突出显示单元，用于加粗与拖动信号对应的信息条目所在的矩形并在用户拖动结束后在该矩形中显示选中标记。其中，选中标记是勾形标记。
总之，从本发明的示例性实施例中可以看出，当需要在互联网页面上选择大量的信息时，使用该连续拖动式选择信息的装置，使得点击量大大地减少，同时也提高了工作效率。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种在网页上选择信息的方法，其特征在于，包括以下步骤：
在需要用户点选并提交所选的选择项的交互式互联网页面上显示连续的多个信息条目；
接收用户输入的请求信号；
判断所述请求信号是否由点击信号和随即的拖动信号组成；以及
在所述请求信号由所述点击信号和所述随即的拖动信号组成的情况下，选择所述多个信息条目中与所述点击信号对应的信息条目以及所述多个信息条目中与所述拖动信号对应的信息条目。
2.根据权利要求1所述的方法，其特征在于，所述在需要用户点选并提交所选的选择项的交互式互联网页面上显示连续的多个信息条目还包括以下步骤：
绘制连续的多个矩形；以及
将所述多个信息条目中的每一个分别显示在所述多个矩形中的每一个中。
3.根据权利要求2所述的方法，其特征在于，还包括以下步骤：
确定所述多个信息条目中与所述点击信号所对应的信息条目以及所述多个信息条目中与所述拖动信号所对应的信息条目。
4.根据权利要求3所述的方法，其特征在于，选择所述多个信息条目中与所述点击信号对应的信息条目以及所述多个信息条目中与所述拖动信号对应的信息条目包括以下步骤：
加粗与所述点击信号对应的信息条目所在的矩形并在该矩形中显示选中标记；以及
加粗与所述拖动信号对应的信息条目所在的矩形并在用户拖动结束后在该矩形中显示选中标记。
5.根据权利要求4所述的方法，其特征在于，所述选中标记是勾形标记。
6.一种在网页上选择信息的装置，其特征在于，包括：
显示模块，用于在需要用户点选并提交所选的选择项的交互式互联网页面上显示连续的多个信息条目；
接收模块，用于接收用户输入的请求信号；
判断模块，用于判断所述请求信号是否由点击信号和随即的拖动信号组成；以及
选择模块，用于在所述请求信号由所述点击信号和所述随即的拖动信号组成的情况下，选择所述多个信息条目中与所述点击信号对应的信息条目以及所述多个信息条目中与所述拖动信号对应的信息条目。
7.根据权利要求6所述的装置，其特征在于，所述显示模块还包括：
绘制模块，用于绘制连续的多个矩形；以及
对应显示模块，用于将所述多个信息条目中的每一个分别显示在所述多个矩形中的每一个中。
8.根据权利要求7所述的装置，其特征在于，还包括：
确定模块，用于确定所述多个信息条目中与所述点击信号所对应的信息条目以及所述多个信息条目中与所述拖动信号所对应的信息条目。
9.根据权利要求8所述的装置，其特征在于，所述选择模块包括：
点击突出显示单元，用于加粗与所述点击信号对应的信息条目所在的矩形并在该矩形中显示选中标记；以及
拖动突出显示单元，用于加粗与所述拖动信号对应的信息条目所在的矩形并在用户拖动结束后在该矩形中显示选中标记。
10.根据权利要求9所述的装置，其特征在于，所述选中标记是勾形标记。
CN200810239205XA 2008-12-03 2008-12-03 在网页上选择信息的方法和装置 Active CN101414312B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN200810239205XA CN101414312B (zh) 2008-12-03 2008-12-03 在网页上选择信息的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN200810239205XA CN101414312B (zh) 2008-12-03 2008-12-03 在网页上选择信息的方法和装置

Publications (2)

Publication Number Publication Date
CN101414312A CN101414312A (zh) 2009-04-22
CN101414312B true CN101414312B (zh) 2010-09-22

Family

ID=40594846

Family Applications (1)

Application Number Title Priority Date Filing Date
CN200810239205XA Active CN101414312B (zh) 2008-12-03 2008-12-03 在网页上选择信息的方法和装置

Country Status (1)

Country Link
CN (1) CN101414312B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102207982B (zh) * 2011-07-15 2013-12-25 崔红保 一种网页上选择信息的方法和系统
CN104796451B (zh) * 2014-01-22 2018-08-03 腾讯科技（深圳）有限公司 用于互联网应用的数据处理方法和装置
CN109388451A (zh) * 2018-08-23 2019-02-26 深圳点猫科技有限公司 一种基于教育操作系统的元素控制方法及电子设备

Also Published As

Publication number Publication date
CN101414312A (zh) 2009-04-22

Similar Documents

Publication Publication Date Title
US10560511B2 (en) Adaptive tile framework
US9874995B2 (en) Maintaining context for maximize interactions on grid-based visualizations
KR101305781B1 (ko) 표시 제어 장치, 표시 제어 프로그램이 기록된 기록 매체 및 표시 제어 방법
CN101499099B (zh) 一种web页面布局的方法及系统
US9128998B2 (en) Presentation of data object hierarchies
CN102012924B (zh) 一种地图显示的方法、系统和移动终端
US20150187095A1 (en) Method and device for implementing page mask
CN105892831A (zh) 一种移动终端的列表数据的滑动显示方法和装置
CN101414312B (zh) 在网页上选择信息的方法和装置
KR101588943B1 (ko) 정보 처리 장치, 정보 처리 방법 및 정보 처리 프로그램이 기록된 기록 매체
CN102214067A (zh) 信息处理装置
CN103136206B (zh) 信息展示方法和设备
US20070233666A1 (en) Drilling on elements in arbitrary ad-hoc reports
CN101739251A (zh) 一种界面控件生成方法及其系统
CN103150158A (zh) 一种格状动态式多样性菜单的生成方法
US10565560B2 (en) Alternative people charting for organizational charts
CN105760401A (zh) 基于移动终端的报表数据交互方法和系统
CN102043586B (zh) 电子表格中的背景色显示方法和装置
CN102662666A (zh) 一种界面菜单的创建方法及装置
CN109582898A (zh) 一种新闻网页页面的生成方法及装置
CN102163193A (zh) 超链接地图信息系统
CN103577030A (zh) 浏览器窗口界面展现方法及系统
CN109359141A (zh) 一种可视化报表数据展示方法及装置
CN105677351A (zh) 多窗口兼容显示方法及装置
CN111061381A (zh) 屏幕全局输入控制系统及方法

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
ASS Succession or assignment of patent right

Owner name: BEIJING CHINESEALL CULTURAL DEVELOPMENT CO., LTD.

Free format text: FORMER OWNER: CHINESEALL INFORMATION TECHNOLOGY CO., LTD.

Effective date: 20101206

C41 Transfer of patent application or patent right or utility model
COR Change of bibliographic data

Free format text: CORRECT: ADDRESS; FROM: 100084 NO.1802, 18/F, TOWER C, BUILDING 8, YARD 1, ZHONGGUANCUN EAST ROAD, HAIDIAN DISTRICT, BEIJING TO: 100007 NO.905, 9/F, TOWER E, YONGHE BUILDING, NO.28, ANDINGMEN EAST STREET, DONGCHENG DISTRICT, BEIJING

TR01 Transfer of patent right

Effective date of registration: 20101206

Address after: 100007 Beijing City, Dongcheng District Andingmen East Street, No. 28, building 9 storey block E No. 905

Patentee after: BEIJING CHINESEALL CULTURAL DE

Address before: 100084, No. 1802, building 18, block 8, building No. 1, Zhongguancun East Road, Haidian District, Beijing,

Patentee before: CHINESE ALL INFORMATION TECHNOLOGY Co.,Ltd.

C56 Change in the name or address of the patentee

Owner name: BEIJING CHINESE ONLINE DIGITAL PUBLISHING CO., LTD

Free format text: FORMER NAME: BEIJING CHINESEALL CULTURAL DEVELOPMENT CO., LTD.

CP01 Change in the name or title of a patent holder

Address after: 100007 Beijing City, Dongcheng District Andingmen East Street, No. 28, building 9 storey block E No. 905

Patentee after: Beijing Chinese Online Digital Publishing Co.,Ltd.

Address before: 100007 Beijing City, Dongcheng District Andingmen East Street, No. 28, building 9 storey block E No. 905

Patentee before: BEIJING CHINESEALL CULTURAL DE

C56 Change in the name or address of the patentee
CP01 Change in the name or title of a patent holder

Address after: 100007 Beijing City, Dongcheng District Andingmen East Street, No. 28, building 9 storey block E No. 905

Patentee after: CHINESEALL DIGITAL PUBLISHING GROUP CO.,LTD.

Address before: 100007 Beijing City, Dongcheng District Andingmen East Street, No. 28, building 9 storey block E No. 905

Patentee before: Beijing Chinese Online Digital Publishing Co.,Ltd.

CP03 Change of name, title or address
CP03 Change of name, title or address

Address after: 100007 No. 608, floor 6, building 2, No. 28 Andingmen East Street, Dongcheng District, Beijing

Patentee after: COL Group Co.,Ltd.

Address before: No. 905, 9th Floor, Building E, Yonghe Building, No. 28 Andingmen East Street, Dongcheng District, Beijing, 100007

Patentee before: CHINESEALL DIGITAL PUBLISHING GROUP CO.,LTD.