CN102339282A - 一种微件显示的控制方法和装置 - Google Patents
一种微件显示的控制方法和装置 Download PDFInfo
- Publication number
- CN102339282A CN102339282A CN2010102305330A CN201010230533A CN102339282A CN 102339282 A CN102339282 A CN 102339282A CN 2010102305330 A CN2010102305330 A CN 2010102305330A CN 201010230533 A CN201010230533 A CN 201010230533A CN 102339282 A CN102339282 A CN 102339282A
- Authority
- CN
- China
- Prior art keywords
- container
- web widget
- display interface
- web
- webpage
- 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
Images
Abstract
本申请提供了一种微件显示的控制方法和装置,所述方法包括:在用户登录网页之后,在当前网页上生成一个用于存放微件WebWidget的显示界面的容器,并在该容器所在区域上显示WebWidget;通过检测针对所述WebWidget的显示界面的界面操作信息获取针对所述容器的容器操作信息;根据所述容器操作信息对容器进行控制,以实现对所述WebWidget显示界面的显示方式的相应控制。本申请实施例可以提升计算机数据传输的速度和性能;同时,也可以提升了服务器端的效率和性能。
Description
技术领域
本申请涉及网络数据处理领域,特别涉及一种微件显示的控制方法和装置。
背景技术
微件(Web Widget),是一小块可以在基于超文本标记语言(HyperTextMark-up Language,HTML)的Web页面上执行的代码,它的表现形式可能是视频、地图、新闻或小游戏等等。微件的根本思想来源于代码复用,通常情况下,Web Widget的代码形式包含了动态HTML(Dynamic HTML,DHTML),JavaScript以及Adobe Flash等。
在基于第三方交易平台的网上交易系统中,网店卖家都会有自己网上店铺,登录自己的网店之后,在其网店页面上会在固定的地方显示WebWidget。Web Widget是依附于浏览器网页上的一个功能模块,其一般显示在网页的某个固定位置,该Web Widget的显示界面可以展示一些常用功能,便于用户使用。现有技术中,网店卖家在使用Web Widget时,需要依赖浏览器将Web Widget界面在浏览器页面上的固定位置进行显示,其中,例如续费提醒信息、新消息提醒等,以方便用户使用这些功能进行网店的相关操作。
但是,现有技术的Web Widget界面因为采用了广告推广的方式展示在浏览器页面上,因此该Web Widget界面的展示方式和网页上的广告推广形式相同,即是一般将其固定在浏览器页面的右方或下方,卖家登录其网店,网页自动弹出该Web Widget界面之后,卖家并不能再对该Web Widget界面进行位置或者其他显示上的任何操作。因为现有技术中Web Widget界面固定在网页中,因此当服务器和Web Widget进行数据交互时,需要和客户端之间同时交互网页数据,这就使得服务器和客户端之间传输的数据量较大,影响计算机数据传输的速度和性能。
总之,目前需要本领域技术人员迫切解决的一个技术问题就是:如何能够创新的提出一种微件显示的控制方法,以解决现有技术中WebWidget界面固定在网页中导致的计算机数据传输的速度和性能较低的问题。
发明内容
本申请所要解决的技术问题是提供一种微件显示的控制方法,用以解决现有技术中Web Widget界面固定在网页中导致的计算机数据传输的速度和性能较低的问题。
本申请还提供了一种微件显示的控制装置,用以保证上述方法在实际中的实现及应用。
为了解决上述问题,本申请公开了一种微件显示的控制方法,包括:
在用户登录网页之后,在当前网页上生成一个用于存放微件WebWidget的显示界面的容器,并在该容器所在区域上显示Web Widget;
通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息;
根据所述容器操作信息对容器进行控制,以实现对所述Web Widget显示界面的显示方式的相应控制。
本申请公开了一种微件显示的控制装置,包括:
容器生成模块,用于当用户登录网页之后,在当前网页上生成一个用于存放微件Web Widget的显示界面的容器;
显示界面模块,用于在所述容器生成模块生成的容器所在区域上显示Web Widget;
检测鼠标操作模块,用于通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息;
控制显示方式模块,用于根据所述容器操作信息对容器进行控制,以实现对所述Web Widget显示界面的显示方式的相应控制。
与现有技术相比,本申请包括以下优点:
在本申请中,因为Web Widget的显示界面放置在容器上,而容器实际上是一个可移动的控件,这样就使得Web Widget可以通过所放的容器控件与当前网页的位置可以相互独立,因此采用本申请实施例的方法时,如果服务器和Web Widget进行数据交互,则无需和客户端之间同时交互网页数据,这就降低了服务器和客户端之间传输的数据量,从而提升计算机数据传输的速度和性能;同时,因为简化了用户对于Web Widget的操作,在提升用户的使用体验的同时,也减少了用户在使用该Web Widget时的多余或者重复操作,就同时减少了服务器端的操作次数,从而提升了服务器端的效率和性能。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请的一种微件显示的控制方法实施例1的流程图;
图2是在网店版网页上显示所述Web Widget的显示界面的界面示意图;
图3是本申请的一种微件显示的控制方法实施例2的流程图;
图4为本实施例中Web Widget的显示界面最小化的界面示意图;
图5为所述Web Widget的显示界面在浏览器上最大化的界面示意图;
图6是本申请的一种微件显示的控制方法实施例3的流程图;
图7为本申请实施例3中出现了虚线框的Web Widget的显示界面示意图;
图8和图9,分别为Web Widget的显示界面向浏览器的右边和下边缩进的界面示意图;
图10是本申请的一种微件显示的控制装置实施例1的结构框图;
图11是本申请的一种微件显示的控制装置实施例2的结构框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请可用于众多通用或专用的计算装置环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本申请的主要思想之一可以包括,在浏览器网页上生成一个用于存放Web Widget的显示界面的容器之后,该容器即是一个可移动的控件,就可以在用户登录浏览器网页时在该容器所在区域上显示Web Widget,进而能够通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息,从而根据所述容器操作信息对容器进行控制,以实现对Web Widget显示界面的显示方式的相应控制。因为WebWidget的显示界面放置在容器上,而容器实际上是一个可移动的控件,这样就使得Web Widget可以通过所放的容器控件与当前网页的位置可以相互独立,因此采用本申请实施例的方法时,如果服务器和Web Widget进行数据交互,则无需和客户端之间同时交互网页数据,这就降低了服务器和客户端之间传输的数据量,从而提升计算机数据传输的速度和性能;并且能够使得卖方用户更为方便的进行Web Widget的相关操作,因为用户能控制该Web Widget界面的显示方式,就会使得用户在使用该Web Widget功能时较为方便,提升了用户使用Web Widget的效率,就会导致服务器的响应时间变短,处理数据的效率及性能也得到提升。
参考图1,示出了本申请一种微件显示的控制方法实施例1的流程图,可以包括以下步骤:
步骤101:在用户登录网页之后,在当前网页上生成一个用于存放Web Widget的显示界面的容器,并在该容器所在区域上显示Web Widget。
本实施例可以应用于在第三方交易平台上进行货物销售的用户,以便于用户使用账户登录到交易平台上的登录网页之后,可以根据WebWidget的显示界面方便的进行各种业务。所述容器在实际应用中即是容器控件,是能够将其他控件放置在其上面的控件,如VB中的Frame控件或PictureBox控件等。在本申请实施例中,所述容器就可以将Web Widget这个控件放置在自己所在的区域上。
所述容器控件是一种ASP.NET移动控件类型,该容器控件可以包含其他一些控件并提供控件和内容的可视化分组。在不同的编程环境中,容器控件并不相同,例如:C#定义的控件容器具体包括了流布局面板(FlowLayoutPanel),分组面板(GroupBox),普通面板(Panel),分隔布局面板(SplitContainer),页切换面板(TableControl),以及表格式布局面板(TableLayoutPanel)等。
在本步骤生成容器的过程中,依据预置的一些程序代码可以设置容器的属性,例如:容器的显示位置和大小等,生成何种容器控件与在其依附的网页中的网页代码中预先添加的程序代码相关,因此,可以根据实际应用中网页的显示方式设置不同属性的容器,那么用户登录网页之后,也相应的会按照预先添加的程序代码生成对应的容器。
需要说明的是,本实施例中的容器就和普通控件一样,其所在的区域并不为用户所见,但是后台系统会记录该容器区域所处的位置及其大小,本申请实施例中将Web Widget放置在容器控件上,就可以通过对容器控件的操作来进行对Web Widget的操作,后台系统检测到鼠标在容器控件上的操作可以对Web Widget执行相应的操作,从而可以增强对Web Widget的可操作性。
步骤102:通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息。
因为已经将Web Widget放置在容器控件中,所以如果用户对当前Web Widget的显示界面进行操作时,后台系统检测到这种操作时,就执行对当前Web Widget所在的容器的相应操作,以此来实现通过对容器控件的操作来对当前Web Widget进行操作,这样就使得本来不可以在网页上移动的Web Widget,可以通过被放置的容器控件来实现位置上的变化。这种变化可以例如,用鼠标选中该显示界面进行拖动,则后台系统可以检测到并记录用户的这种鼠标拖动的操作;或者,用户调整显示界面的大小,则后台系统同样可以检测到相应的鼠标操作。
步骤103:根据所述容器操作信息对容器进行控制,以实现对WebWidget显示界面的显示方式的相应控制。
后台系统检测到鼠标操作的具体内容之后,需要对所述Web Widget的显示界面在当前网页上的显示方式进行相应的控制,该显示方式的控制具体可以是对该显示界面的显示位置的控制,例如,根据鼠标拖动的操作,在网页上移动所述Web Widget的显示界面,请参看图2,为在网页上显示所述Web Widget的显示界面的界面示意图;或者,还可以将Web Widget容器的4个长方形的顶点记录下来,当用户选中Web Widget的固定功能时,将Web Widget的显示界面固定在浏览器网页的某个位置等。
采用本申请实施例,在不超过当前网页的页面范围内,可以通过检测鼠标针对放置在容器所在区域中的Web Widget的操作信息,使得WebWidget的显示界面通过放置的容器在当前网页上可以进行位置的变化。例如,将显示界面在当前网页上移动,或者最小化显示界面等。当然,用户还可以通过其他控制方式来通过鼠标实现对Web Widget的显示界面的显示方式的控制,因为显示界面与当前网页的位置可以相互独立,因此采用本实施例的方法时,如果服务器和Web Widget进行数据交互,则无需和客户端之间同时交互网页数据,这就降低了服务器和客户端之间传输的数据量,从而提升计算机数据传输的速度和性能;同时,因为简化了用户对于Web Widget的操作,在提升用户的使用体验的同时,也减少了用户在使用该Web Widget时的多余或者重复操作,就同时减少了服务器端的操作次数,从而提升了服务器端的效率和性能。
参考图3,示出了本申请一种微件显示的控制方法实施例2的流程图,可以包括以下步骤:
步骤301:在用户登录网页之后,在当前网页上生成一个用于存放WebWidget的显示界面的容器,并将Web Widget显示在该容器所在区域上。
步骤302:通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述Web Widget的显示界面的容器操作信息。
步骤303:通过所述容器操作信息对容器进行控制,以实现对所述Web Widget的显示界面的显示方式的相应控制。
具体的,所述步骤303具体可以有多种表现形式,例如:
方式1:依据所述容器操作信息在网页上将所述Web Widget的显示界面从当前位置移动到另外一个位置。
如果用户拖动所述Web Widget的显示界面,因为所述Web Widget的显示界面已经放置在容器控件上,则后台可以记录用户的针对该显示界面所在容器控件的容器操作信息,并计算从起始位置到目标位置之间的位移,当用户停止拖动时,再根据记录的位移大小和方向执行对当前Web Widget所在的容器的拖动操作,从而将容器控件通过拖动操作移动到用户指定的目标位置,因为所述Web Widget放置在该容器控件上,进而可以将该Web Widget也移动到目标位置。
在具体的实际应用中,Web Widget的显示界面在网页上显示时,可以将其放在一个对应的网页上的容器所在区域中。所述容器的区域的大小可以和Web Widget的显示界面一样,即是将Web Widget采用一个容器来盛放,而容器大小刚好符合Web Widget的大小;该容器区域对应后台系统中的容器,容器是能够将其他控件放置在其上面的控件,如VB中的Frame控件或PictureBox控件等。通过检测鼠标位置针对该容器区域所做的位移信息,则可以计算出显示界面需要移动的位移信息,因为Web Widget所处的容器区域是一个和Web Widget的显示界面类似的长方形,所以后台系统通过计算该Web Widget容器区域的4个顶点在浏览器中的像素值,再计算出该容器区域的位移信息。
方式2:判断在一定预置时间内,在所述容器所在区域内是否存在操作,或者在其他非容器区域内是否存在点击操作;如果在容器所在区域内不存在任何鼠标操作信息,或者在其他非容器区域存在点击操作信息,则通过改变容器所在区域的大小改变显示界面的大小,以将Web Widget的显示界面最小化。
其中,所述预置时间的大小可以根据实际网络情况或者用户的需求有所改变,一般情况下为10秒钟。在该预置时间内,如果在该Web Widget的显示界面上并没有任何用户的操作,则进入步骤304,如果在该WebWidget的显示界面上产生了用户的操作,则表明后续需要依据该用户的操作相应地控制Web Widget的显示方式。
参考图4,为本实施例中Web Widget的显示界面最小化的界面示意图。后台系统可以通过检测鼠标位置来判断当前鼠标悬停位置是否在WebWidget所处的容器控件里,如果没有,或者超过一定阈值时间内没有,就通过获取当前容器控件的大小信息并改变当前容器区域的大小,以相应地改变Web Widget的显示界面的大小,从而最终将Web Widget的显示界面缩小到最小化尺寸;同时,后台系统还可以将该最小化状态进行保存。例如,容器大小为100时表示web Widget的显示界面全部显示完毕,那么当容器大小为原大小的二分之一(即50)时,Web Widget的显示界面就显示50%的内容,如果容器大小改变为原大小的十分之一(即10),WebWidget的显示界面就显示10%的内容。同时参考图5,为所述Web Widget的显示界面在浏览器上最大化的界面示意图。
方式3:如果当前计算机具有性能较高的显示设备,则在用户触发WebWidget的固定功能时,在当前网页的任何页面均显示该Web Widget的显示界面。
当用户使用的宽屏显示器或者大分辨率显示器时,那么用户在任何时候触发“将Web Widget固定在浏览器上”的功能时,后台系统检测到用户的鼠标点击了显示界面上相应的按钮时,如果当时记录的该WebWidget的状态为未锁定,则取消监测容器的状态变化,同时将该WebWidget的状态修改为锁定;这就可以使得卖方用户在浏览网页的任何页面都将显示Web Widget的显示界面,点击Web Widget的显示界面后,可以在浏览器当页直接进行Web Widget的显示界面的刷新,无需新开窗口,直接在当前网页刷新即可。
优选的,本实施例在所述方式2之后,还可以包括:
步骤304:在所述网页上重新生成一个供呼出的容器。
因为在前一个步骤已经通过对容器控件的操作将Web Widget的显示界面最小化了,原来容器所在区域已经不存在了,所以在前述方式2中容器大小为100的位置,也找不到原来的容器控件,所以当Web Widget的显示界面最小化之后,无法正常呼出该容器控件,所以此时需要重新生成一个可供呼出的容器控件,以在其所在区域上重新放置所述WebWidget。
步骤305:判断所述重新生成的容器所在区域上在预置时间内是否存在鼠标悬停操作,如果是,则进入步骤306。
在此处判断容器上的预置时间内是否存在鼠标悬停操作,即是判断卖方用户是否需要在所述Web Widget的显示界面最小化之后恢复其正常显示,如果在预置时间内,例如0.5s,后台系统检测到在所述Web Widget的显示界面上存在鼠标悬停操作,则表示卖方用户需要将Web Widget的显示界面重新正常显示,则进入步骤306。
步骤306:将Web Widget的显示界面全部显示在所述重新生成的容器所在区域上。
当卖方用户的鼠标位置滑过Web Widget的显示界面区域或者使用快捷键呼出Web Widget的显示界面时,Web Widget的显示界面将缓慢划出,浏览器会监测鼠标轨迹,当获取了鼠标位置悬停在Web Widget的容器区域上时,如果停留时间超过了0.1秒等,该处的时间可以根据实际情况有所不同,后台系统则同步改变Web Widget的容器的大小,以将Web Widget的显示界面全部显示在当前浏览器页面。
参考图6,示出了本申请一种微件显示的控制方法实施例3的流程图,在本实施例中,可以包括以下步骤:
步骤601:当卖方用户登录网页时,在当前网页上生成一个用于存放Web Widget的显示界面的容器,并将Web Widget显示在该容器所在区域上。
步骤602:检测所述容器所在区域中的Web Widget是否在网页各个边框对应的移动区域之内;如果是,则进入步骤603。
在本实施例中,预先需要将当前网页窗口划分为四个象限进行描述,因为所述网页具有四个边框,那么以当前网页窗口的中心为圆点,对应地共分为左象限、中上象限、中下象限和右象限四个象限,通过获取当前网页窗口的宽度和高度坐标,得到各个象限起点的坐标大小。其次,针对每一个象限计算其临界区域值,即是计算出某个象限内坐标大小所在的有效区域,以便于后续得到Web Widget拖动之后的坐标时,就可以将该拖动后的坐标与临界区域值相比较,从而判断出Widget当前处于哪个象限。
需要说明的是,在计算象限内坐标大小的有效区域时,具体需要计算出象限有效区域的XY坐标,具体可以为左象限的有效进入坐标为X1值,中上象限为一个X2值和一个Y1值,中下象限为一个X3值和一个Y2值,右象限为一个X4值,其中X1、X2、X3和X4是各自不同的横坐标值,Y1和Y2为不同的纵坐标值,这样就采用X和Y坐标的方式将四个象限进行区分。在计算出临界区域值之后将其作为全局参数存储,该临界区域值可以通过自定义接口调用或直接在内部程序的实例中调用。同时,本领域技术人员也知道,如果当前窗口大小发生改变,则重新调用上述象限描述程序对当前窗口再次进行象限的划分即可。
在对当前网页窗口进行象限划分之后,获取每个象限区域大小,调用DOM API函数进行文档对象模型(Document Object Model,DOM)更新,DOM是超文本标记语言(HyperText Mark-up Language,HTML)与可扩展标记语言(Extensible Markup Language,XML)的应用程序编程接口(Application Programming Interface,API),DOM可以将整个页面映射为一个由层次节点组成的文件。而API是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。
划分象限之后,需要在每个象限内的容器设置其相应的移动区域,该移动区域为当用户拖动Web Widget到该容器的移动区域之内时,向各个边框自动缩进对应的容器的页面范围,设置移动区域可以通过建立移动程序的方式实现,具体的移动区域大小可以由用户预先指定。那么当用户拖动WebWidget的时候,可以利用预先存储的象限的临界区域值来判断当前容器是哪一个象限之内,并且是否在移动区域中,例如,在靠近边框的50PX之内,如果是,则对应的将当前容器缩进至对应的边框之内。
步骤603:将所述Web Widget的显示界面向最靠近网页的该边框进行缩进。
移动Web Widget到网页的各个边框的移动区域(例如,50PX)之内时,所述移动区域可以在各个边框附近显示出相应的虚线框,该虚线框在Web Widget的显示界面未靠近网页的某一边之前全部可以隐藏,如果后台系统监测到Web Widget靠近隐藏的虚线框的位置时,则后台系统将相应的虚线框进行显示,后台系统通过鼠标轨迹和Web Widget的坐标来判断当前Web Widget的显示界面所在的象限。请参见图7所示,为出现了虚线框的Web Widget的显示界面示意图。该虚线框在优选情况下,可以在WebWidget容器的基础上左右各增加10PX,方便将Web Widget的显示界面更方便放入该虚线框中。虚线框可以固定在网页的上、下、左、右任一地方,可以每隔20px距离设置一个,在实际应用中,可以将Web Widget的显示界面移动之后最靠近的一个虚线框显示在网页上,其他的虚线框都可以隐藏。如果卖方用户决定将显示界面放在网页的上方,可以把WebWidget放入图7中上面的虚线框里,实现Web Widget的显示界面向上缩进;或者,也可以将显示界面放入浏览器下方,或者浏览器左边和右边的虚线框中,也可以直接向各个方向缩进。
需要说明的是,在本实施例中,如果后台系统检测到鼠标位置从WebWidget的显示界面移开0.5秒后,即是用户不再点击Web Widget的时间是0.5秒,但是当后台系统监测到鼠标位置一直在容器区域里时,则不作任何变化;当系统检测到鼠标位置移出容器0.5秒后,可以由后台系统对该Web Widget进行下一步计算,后台系统首先记录Web Widget容器的大小,再分别计算该Web Widget容器的上、下、左和右四边距离浏览器边框的距离,并将该Web Widget的显示界面往距离最小的一边移动。即是根据后台系统的计算结果,Web Widget的显示界面可以向上、下、左或右方向自动缩进到距离最近的一边。请参考图8和图9,分别为Web Widget的显示界面向浏览器的右边和下边缩进的界面示意图。
因为Web Widget的容器是一个和Web Widget的显示界面类似的长方形,所以后台系统通过计算该Web Widget容器的4个顶点在浏览器中的像素值,再计算出该长方形的各个边距离浏览器边框的尺寸,从而将四个距离分别进行对比,以查找到距离最小的那一边进行缩进。
对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
与上述本申请一种微件显示的控制方法实施例1所提供的方法相对应,参见图10,本申请还提供了一种微件显示的控制装置实施例1,在本实施例中,该装置可以包括:
容器生成模块1001,用于当用户登录网页时,生成一个用于存放WebWidget的显示界面的容器;
显示界面模块1002,用于在所述容器生成模块生成的容器区域上显示Web Widget。
本实施例可以应用于在第三方交易平台上进行货物销售的卖方用户,以便于用户在登录自己的网页(即是店铺首页)之后,可以根据WebWidget的显示界面方便的进行各种业务。
在本步骤中,即是用户登录了网页之后,直接将Web Widget显示在网页上,可以显示在任意的位置上。
检测鼠标操作模块1003,用于通过检测鼠标在所述容器区域中的移动信息获取针对所述Web Widget的显示界面上的鼠标操作。
登录网页之后,按照Web Widget的显示界面的大小生成一个可以放入该显示界面的容器区域,该容器区域不为用户可见,但是系统会记录该容器区域所处的位置及其大小,当容器所在区域的大小和显示界面的大小相同时,后续就可以通过检测鼠标在容器区域的位置来获取到鼠标对Web Widget的显示界面的操作信息。
控制显示方式模块1004,用于根据所述鼠标操作信息对Web Widget的显示界面在网页上的显示方式进行相应的控制。
后台系统检测到鼠标操作的具体内容之后,需要对所述Web Widget的显示界面在网页上的显示方式进行相应的控制,例如,根据鼠标拖动的操作,在网页上移动所述Web Widget的显示界面。
采用本实施例的装置,在不超过当前网页的页面范围内,可以允许用户随意拖动Web Widget的显示界面至任何位置。例如,将显示界面在当前网页上移动位置,或者最小化显示界面等。当然,用户还可以通过其他控制方式来通过鼠标实现对Web Widget的显示界面的显示方式的控制,因为显示界面与当前网页的位置可以相互独立,因此采用本实施例的方法时,如果服务器和Web Widget进行数据交互,则无需和客户端之间同时交互网页数据,这就降低了服务器和客户端之间传输的数据量,从而提升计算机数据传输的速度和性能;同时,因为简化了卖方用户对于Web Widget的操作,在提升卖方用户的使用体验的同时,也减少了卖方用户在使用该Web Widget时的多余或者重复操作,这样就同时减少了服务器端的操作次数,从而提升了服务器端的效率和性能。
与上述本申请一种微件显示的控制方法实施例2所提供的方法相对应,参见图11,本申请还提供了一种微件显示的控制装置实施例2,在本实施例中,该装置可以包括:
容器生成模块1001,用于当用户登录页面之后,在当前网页上生成一个用于存放Web Widget的显示界面的容器;
显示界面模块1002,用于在所述容器生成模块生成的容器所在区域上显示Web Widget。
检测鼠标操作模块1003,用于通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息。
所述控制显示方式模块1004,根据所述容器操作信息对容器进行控制,以实现对所述Web Widget显示界面的显示方式的相应控制。所述控制显示方式模块1004,具体可以用于:在网页上将所述Web Widget的显示界面从当前位置移动到另外一个位置。
或者,所述控制显示方式模块1004在另外的实施例中,具体可以包括:
判断子模块1101,用于判断在一定预置时间内,在所述容器所在区域内是否存在操作,或者在其他非容器区域内是否存在点击操作;
最小化子模块1102,用于当所述判断子模块的结果为:在容器所在区域内不存在任何鼠标操作信息,或者在其他非容器区域存在点击操作信息时,则通过改变容器所在区域的大小改变显示界面的大小,以将WebWidget的显示界面最小化。
同时,所述生成容器模块1001,还用于在所述网页上重新生成一个供呼出的容器;
该装置还可以包括:判断模块1103,用于判断所述重新生成的容器所在区域上在预置时间内是否存在鼠标悬停操作;
则所述显示界面模块1002具体可以用于:通过改变Web Widget所处的容器区域大小,将Web Widget的显示界面全部显示在所述重新生成的容器所在区域上。
在另外的实施例中,所述控制显示方式模块1003具体可以用于:依据检测得到的所述容器所在区域中的Web Widget在网页各个边框对应的移动区域之内的检测结果,将所述Web Widget的显示界面向最靠近网店版网页的该边框进行缩进。
本实施例所述的装置可以集成到第三方交易平台的网店服务器上,也可以单独作为一个实体与第三方交易平台的网店服务器相连,另外,需要说明的是,当本申请所述的方法采用软件实现时,可以作为第三方交易平台的网店服务器新增的一个功能,也可以单独编写相应的程序,本申请不限定所述方法或装置的实现方式。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个......”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本申请所提供的一种微件显示的控制方法及装置进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种微件显示的控制方法,其特征在于,该方法包括:
在用户登录网页之后,在当前网页上生成一个用于存放微件WebWidget的显示界面的容器,并在该容器所在区域上显示Web Widget;
通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息;
根据所述容器操作信息对容器进行控制,以实现对所述Web Widget显示界面的显示方式的相应控制。
2.根据权利要求1所述的方法,其特征在于,所述实现对所述WebWidget显示界面的显示方式的相应控制,具体包括:
依据所述容器操作信息在网页上将所述Web Widget的显示界面从当前位置移动到另外一个位置。
3.根据权利要求2所述的方法,其特征在于,所述实现对所述WebWidget显示界面的显示方式的相应控制,具体包括:
判断在一定预置时间内,在所述容器所在区域内是否存在操作,或者在其他非容器区域内是否存在点击操作;
如果在容器所在区域内不存在任何鼠标操作信息,或者在其他非容器区域存在点击操作信息,则通过改变容器所在区域的大小改变显示界面的大小,以将Web Widget的显示界面最小化。
4.根据权利要求3所述的方法,其特征在于,还包括:
在所述网页上重新生成一个供呼出的容器;
判断所述重新生成的容器所在区域上在预置时间内是否存在鼠标悬停操作,如果是,则通过改变Web Widget所处的容器的区域大小,将Web Widget的显示界面全部显示在所述重新生成的容器所在区域上。
5.根据权利要求1所述的方法,其特征在于,所述对所述Web Widget显示界面的显示方式的相应控制,具体包括:
依据检测得到的所述容器所在区域中的Web Widget在网页各个边框对应的移动区域之内的检测结果,将所述Web Widget的显示界面向最靠近网页的该边框进行缩进。
6.一种微件显示的控制装置,其特征在于,该装置包括:
容器生成模块,用于当用户登录网页之后,在当前网页上生成一个用于存放微件Web Widget的显示界面的容器;
显示界面模块,用于在所述容器生成模块生成的容器所在区域上显示Web Widget;
检测鼠标操作模块,用于通过检测针对所述Web Widget的显示界面的界面操作信息获取针对所述容器的容器操作信息;
控制显示方式模块,用于根据所述容器操作信息对容器进行控制,以实现对所述Web Widget显示界面的显示方式的相应控制。
7.根据权利要求6所述的装置,其特征在于,所述控制显示方式模块,具体用于:依据所述容器操作信息在网页上将所述Web Widget的显示界面从当前位置移动到另外一个位置。
8.根据权利要求7所述的装置,其特征在于,所述控制显示方式模块,具体包括:
判断子模块,用于判断在一定预置时间内,在所述容器所在区域内是否存在操作,或者在其他非容器区域内是否存在点击操作;
最小化子模块,用于当所述判断子模块的结果为:在容器所在区域内不存在任何鼠标操作信息,或者在其他非容器区域存在点击操作信息时,则通过改变容器所在区域的大小改变显示界面的大小,以将Web Widget的显示界面最小化。
9.根据权利要求8所述的装置,其特征在于,所述容器生成模块,还用于在所述网页上重新生成一个供呼出的容器;
则所述装置还包括:判断模块,用于判断所述重新生成的容器所在区域上在预置时间内是否存在鼠标悬停操作;
则所述显示界面模块具体用于:通过改变Web Widget所处的容器的区域大小,将Web Widget的显示界面全部显示在所述重新生成的容器所在区域上。
10.根据权利要求6所述的装置,其特征在于,所述控制显示方式模块具体用于:依据检测得到的所述容器所在区域中的Web Widget在网页各个边框对应的移动区域之内的检测结果,将所述Web Widget的显示界面向最靠近网页的边框进行缩进。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010102305330A CN102339282A (zh) | 2010-07-16 | 2010-07-16 | 一种微件显示的控制方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010102305330A CN102339282A (zh) | 2010-07-16 | 2010-07-16 | 一种微件显示的控制方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102339282A true CN102339282A (zh) | 2012-02-01 |
Family
ID=45515019
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010102305330A Pending CN102339282A (zh) | 2010-07-16 | 2010-07-16 | 一种微件显示的控制方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102339282A (zh) |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103064677A (zh) * | 2012-12-24 | 2013-04-24 | 广东威创视讯科技股份有限公司 | 一种web多文档子窗口的管理方法及装置 |
CN104182121A (zh) * | 2014-08-06 | 2014-12-03 | 深圳市金立通信设备有限公司 | 一种悬浮图标的移动方法 |
CN104238922A (zh) * | 2013-06-13 | 2014-12-24 | 纬创资通股份有限公司 | 多媒体播放系统及其控制方法 |
CN104346039A (zh) * | 2014-08-06 | 2015-02-11 | 深圳市金立通信设备有限公司 | 一种终端 |
WO2015042969A1 (en) * | 2013-09-30 | 2015-04-02 | Hewlett-Packard Development Company, L.P. | Controlling proxy tool with injected widget code |
CN105094558A (zh) * | 2015-08-07 | 2015-11-25 | 北京思特奇信息技术股份有限公司 | 一种多级联动数据人机交互方法及系统 |
CN105589682A (zh) * | 2014-10-22 | 2016-05-18 | Tcl集团股份有限公司 | 一种基于Firefox OS的微件信息显示方法及装置 |
CN106131024A (zh) * | 2016-07-15 | 2016-11-16 | 深圳市丰巨泰科电子有限公司 | 一种推送广告到指定设备的精准方法 |
CN106155455A (zh) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 界面中对象的控制方法和装置 |
CN106201220A (zh) * | 2016-07-29 | 2016-12-07 | 腾讯科技(深圳)有限公司 | 显示内容获取方法及装置 |
CN107710087A (zh) * | 2015-07-10 | 2018-02-16 | 霍尼韦尔国际公司 | 控制具有悬停弹出式面板的应用窗口 |
CN108399086A (zh) * | 2018-03-12 | 2018-08-14 | 中汇信息技术(上海)有限公司 | 一种微件管理方法、服务器和计算机可读存储介质 |
CN108762646A (zh) * | 2018-05-15 | 2018-11-06 | 山东浪潮商用系统有限公司 | 一种信息显示方法、装置、可读介质和存储控制器 |
CN109144289A (zh) * | 2018-08-09 | 2019-01-04 | 中国科学技术大学先进技术研究院 | 一种基于上下文感知的键盘热键提示及预测方法和系统 |
CN113127091A (zh) * | 2021-03-17 | 2021-07-16 | 北京达佳互联信息技术有限公司 | 微件的展示方法、装置、设备、存储介质及程序产品 |
WO2022252865A1 (zh) * | 2021-06-01 | 2022-12-08 | 中兴通讯股份有限公司 | 微件的显示方法、装置、终端及计算机可读存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070038934A1 (en) * | 2005-08-12 | 2007-02-15 | Barry Fellman | Service for generation of customizable display widgets |
CN1996285A (zh) * | 2006-01-06 | 2007-07-11 | 胡擘 | 一种网页浏览器网中的窗口系统 |
CN101425094A (zh) * | 2008-12-12 | 2009-05-06 | 腾讯科技(深圳)有限公司 | 一种改变容器窗口的方法和装置 |
US20100017730A1 (en) * | 2008-07-17 | 2010-01-21 | International Business Machines Corporation | Using an alternate user interface to a drag and drop interface for rearranging configurable web page components |
US20100037168A1 (en) * | 2008-07-10 | 2010-02-11 | Nile Thayne | Systems and methods for webpage design |
-
2010
- 2010-07-16 CN CN2010102305330A patent/CN102339282A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070038934A1 (en) * | 2005-08-12 | 2007-02-15 | Barry Fellman | Service for generation of customizable display widgets |
CN1996285A (zh) * | 2006-01-06 | 2007-07-11 | 胡擘 | 一种网页浏览器网中的窗口系统 |
US20100037168A1 (en) * | 2008-07-10 | 2010-02-11 | Nile Thayne | Systems and methods for webpage design |
US20100017730A1 (en) * | 2008-07-17 | 2010-01-21 | International Business Machines Corporation | Using an alternate user interface to a drag and drop interface for rearranging configurable web page components |
CN101425094A (zh) * | 2008-12-12 | 2009-05-06 | 腾讯科技(深圳)有限公司 | 一种改变容器窗口的方法和装置 |
Cited By (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103064677A (zh) * | 2012-12-24 | 2013-04-24 | 广东威创视讯科技股份有限公司 | 一种web多文档子窗口的管理方法及装置 |
CN104238922A (zh) * | 2013-06-13 | 2014-12-24 | 纬创资通股份有限公司 | 多媒体播放系统及其控制方法 |
US10346002B2 (en) | 2013-09-30 | 2019-07-09 | Entit Software Llc | Controlling a proxy tool with injected widget code |
WO2015042969A1 (en) * | 2013-09-30 | 2015-04-02 | Hewlett-Packard Development Company, L.P. | Controlling proxy tool with injected widget code |
CN105593824A (zh) * | 2013-09-30 | 2016-05-18 | 惠普发展公司,有限责任合伙企业 | 用注入的窗口小部件代码控制代理工具 |
CN104182121A (zh) * | 2014-08-06 | 2014-12-03 | 深圳市金立通信设备有限公司 | 一种悬浮图标的移动方法 |
CN104346039A (zh) * | 2014-08-06 | 2015-02-11 | 深圳市金立通信设备有限公司 | 一种终端 |
CN105589682A (zh) * | 2014-10-22 | 2016-05-18 | Tcl集团股份有限公司 | 一种基于Firefox OS的微件信息显示方法及装置 |
CN105589682B (zh) * | 2014-10-22 | 2020-02-21 | Tcl集团股份有限公司 | 一种基于Firefox OS的微件信息显示方法及装置 |
CN106155455B (zh) * | 2015-03-30 | 2020-03-03 | 阿里巴巴集团控股有限公司 | 界面中对象的控制方法和装置 |
CN106155455A (zh) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 界面中对象的控制方法和装置 |
CN107710087A (zh) * | 2015-07-10 | 2018-02-16 | 霍尼韦尔国际公司 | 控制具有悬停弹出式面板的应用窗口 |
CN105094558A (zh) * | 2015-08-07 | 2015-11-25 | 北京思特奇信息技术股份有限公司 | 一种多级联动数据人机交互方法及系统 |
CN106131024A (zh) * | 2016-07-15 | 2016-11-16 | 深圳市丰巨泰科电子有限公司 | 一种推送广告到指定设备的精准方法 |
CN106201220A (zh) * | 2016-07-29 | 2016-12-07 | 腾讯科技(深圳)有限公司 | 显示内容获取方法及装置 |
CN108399086A (zh) * | 2018-03-12 | 2018-08-14 | 中汇信息技术(上海)有限公司 | 一种微件管理方法、服务器和计算机可读存储介质 |
CN108399086B (zh) * | 2018-03-12 | 2021-07-09 | 中汇信息技术(上海)有限公司 | 一种微件管理方法、服务器和计算机可读存储介质 |
CN108762646A (zh) * | 2018-05-15 | 2018-11-06 | 山东浪潮商用系统有限公司 | 一种信息显示方法、装置、可读介质和存储控制器 |
CN109144289A (zh) * | 2018-08-09 | 2019-01-04 | 中国科学技术大学先进技术研究院 | 一种基于上下文感知的键盘热键提示及预测方法和系统 |
CN109144289B (zh) * | 2018-08-09 | 2022-07-12 | 中国科学技术大学先进技术研究院 | 一种基于上下文感知的键盘热键提示及预测方法和系统 |
CN113127091A (zh) * | 2021-03-17 | 2021-07-16 | 北京达佳互联信息技术有限公司 | 微件的展示方法、装置、设备、存储介质及程序产品 |
WO2022252865A1 (zh) * | 2021-06-01 | 2022-12-08 | 中兴通讯股份有限公司 | 微件的显示方法、装置、终端及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102339282A (zh) | 一种微件显示的控制方法和装置 | |
AU2016201115B2 (en) | Transferring a state of an application from a first computing device to a second computing device | |
US10831363B2 (en) | Content manipulation using swipe gesture recognition technology | |
CN103034708B (zh) | 浏览器电子表格整合 | |
US9760541B2 (en) | Systems and methods for delivery techniques of contextualized services on mobile devices | |
US8689117B1 (en) | Webpages with conditional content | |
JP6433111B2 (ja) | モバイルディスプレイ広告を提供する広告提供システム及び方法 | |
US20130080910A1 (en) | Dynamic visualization of page element access rates in a web application | |
US20030066031A1 (en) | Method and system for supporting user navigation in a browser environment | |
US20060122916A1 (en) | System and method for dynamic e-commerce shopping icons | |
CN103020110A (zh) | 创建并维护所浏览的文档的图像 | |
GB2536354A (en) | Method for intelligent web reference preloading based on user behavior prediction | |
CN101553771A (zh) | 绘制超文本标记语言内容 | |
CN104246659A (zh) | 可实例化的手势对象 | |
CN102411614A (zh) | 图像搜索结果的显示 | |
CN101405687A (zh) | 用户界面中经延迟的内容输出的指示 | |
CN114357345A (zh) | 图片处理方法、装置、电子设备及计算机可读存储介质 | |
US20170228142A1 (en) | Method and device for displaying object information on a screen display device | |
US20140229901A1 (en) | Interactive Treemap User Interface | |
US10534832B1 (en) | Server-side tracking and selection of rotating content | |
US11954171B2 (en) | Frustration scores for flows, page views, webpages, sessions, and websites | |
CN105518618A (zh) | 配置成将针对视觉元素的输入路由到图形框架的输入对象 | |
CN103279304B (zh) | 一种显示选中图标的方法、装置及移动设备 | |
CN105786484A (zh) | 一种应用融合方法及装置 | |
US8413062B1 (en) | Method and system for accessing interface design elements via a wireframe mock-up |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1163851 Country of ref document: HK |
|
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20120201 |
|
REG | Reference to a national code |
Ref country code: HK Ref legal event code: WD Ref document number: 1163851 Country of ref document: HK |