CN103678496A - 提供调整检索页筛选显示的方法和系统 - Google Patents
提供调整检索页筛选显示的方法和系统 Download PDFInfo
- Publication number
- CN103678496A CN103678496A CN201310576648.9A CN201310576648A CN103678496A CN 103678496 A CN103678496 A CN 103678496A CN 201310576648 A CN201310576648 A CN 201310576648A CN 103678496 A CN103678496 A CN 103678496A
- Authority
- CN
- China
- Prior art keywords
- screening conditions
- display box
- browser
- content type
- hurdle
- 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.)
- Granted
Links
Images
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
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开提供调整检索页筛选显示的方法和系统,该方法包括:当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息;在显示框中将筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据浏览器的显示框尺寸信息,并结合预置的筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。本发明解决了检索页所显示的筛选条件栏不能根据浏览器显示框尺寸的变化及检索页面的滚动调整时进行自适应显示浏览器显示框的问题。
Description
技术领域
本申请涉及操作系统界面领域,更具体地,涉及一种提供调整检索页筛选显示的方法和系统。
背景技术
随着互联网技术的快速发展,人们获取信息的方式已经发生改变:从传统的书籍、报纸、电视、广播等方式,继而变成通过互联网获取。尤其是互联网将影视节目、新闻、广告、聊天视频、游戏视频、监控视频等等丰富的综合性网络视频资源进行共享,从而网络视频已经成为人们学习、社交以及休闲娱乐而不可替代的重要方式。
目前的网站,尤其是视频网站负责为用户提供丰富的视频资源,用户可以通过终端上的浏览器进行访问,观看用户想要观看的各类视频。
通常,视频网站拥有大量的视频资源,用户如果想找到自己想要观看的视频,都需要通过输入相应的筛选条件进行查找检索;而在某些情况下,用户并不知道准确的筛选条件或者用户只知道一部分视频信息却不足以当作筛选条件,那么,用户就难以查找到自己想要观看的视频。所以视频网站的检索页面中都提供有如图8所示的筛选条件栏1,其中设置有多种筛选条件,用户便可以通过筛选条件栏1选定相应的筛选条件进行视频检索。
但是,网站的筛选条件栏1仍存在如下问题:
1、如图8所示,一些网站将筛选条件栏1设置于检索页面顶部,占用了整个浏览器显示框的很大部分,相应的减小了浏览器显示框中内容显示区域2的范围;而且,当用户使用滑动滚轮在页面中上下滑动查看更多内容时,筛选条件栏1跟随页面同时滚动,当用户浏览页面下方内容时,筛选条件栏1已滚动到上方的不可见区域中,用户若想更换筛选条件,还需要将页面滚动至顶部,操作较为繁琐,影响用户的浏览体验以及使用感受,筛选条件区域与筛选结果区域无法动态分离等问题,最为重要的是,尚未对分类标签进行智能推荐;
2、一些网站将筛选条件栏1设置于检索页面的左侧或右侧,虽然增大了浏览器显示框中内容显示区域2的范围,同时筛选条件栏1也跟随页面一起滚动,同样也会造成用户若想更换筛选条件,还需要将页面滚动至顶部,操作较为繁琐,影响用户的浏览体验以及使用感受;
3、还有一些网站将筛选条件栏1设置于检索页面侧面的固定显示区域中,虽然筛选条件栏1位置固定,不跟随页面一同滚动,但是在筛选条件栏1中,所有的筛选条件的项目分类都完全展开,当用户将浏览器显示框尺寸缩小或者使用小尺寸的屏幕浏览网页时,处于筛选条件栏1底部的信息不能显示在浏览器显示框的可视区域中,筛选条件的显示不完整同样也是影响用户的筛选体验以及使用感受。
因此,如何解决检索页所显示的筛选条件栏1不能根据浏览器显示框尺寸的变化及检索页面的滚动调整时进行自适应显示,便成为亟待解决的技术问题。
发明内容
有鉴于此,本申请所要解决的技术问题是提供了一种提供调整检索页筛选显示的方法和系统,以解决检索页所显示的筛选条件栏不能根据浏览器显示框尺寸的变化及检索页面的滚动调整时进行自适应显示浏览器显示框的问题。
为了解决上述技术问题,本申请公开了一种提供调整检索页筛选显示的方法,其特征在于,包括:
当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息;
在所述显示框中将所述筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
进一步地,根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,具体为:
根据所述浏览器的显示框尺寸信息,结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。
进一步地,预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,具体为:
针对不同的屏幕分辨率所对应的像素尺寸的数值中的高度尺寸数值,预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值。
进一步地,具体还包括:
对所述筛选条件栏的各内容类别中没有显示出的分类项进行隐藏处理,当对该内容类别进行操作时,该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示。
进一步地,所述显示框的滚动条调整,具体包括:所述显示框的上下、左右滚动条调整。
为了解决上述技术问题,本申请还公开了一种提供调整检索页筛选显示的系统,其特征在于,包括:检测单元和调整单元,其中,
所述检测单元,用于当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息发送至所述调整单元;
所述调整单元,用于在所述显示框中将所述筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
进一步地,具体还包括:预置单元;
所述预置单元,与所述调整单元和浏览器相耦接,用于预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,发送给所述调整单元;
所述调整单元,用于根据该高度尺寸数值和所述检测单元发送的所述浏览器的显示框尺寸信息,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。
进一步地,所述预置单元,具体用于:针对不同的屏幕分辨率所对应的像素尺寸的数值中的高度尺寸数值,预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值。
进一步地,所述调整单元,具体还用于:对所述筛选条件栏的各内容类别中没有显示出的分类项进行隐藏处理,当对该内容类别进行操作时,该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示。
进一步地,所述显示框的滚动条调整,具体包括:所述显示框的上下、左右滚动条调整。
与现有技术相比,本申请所述的一种提供调整检索页筛选显示的方法和系统,达到了如下效果:
1)本申请通过实时监测识别浏览器显示框的尺寸大小变化而进行筛选条件栏的自适应调整,可以在不缩减筛选条件的项目分类内容的情况下,在不同尺寸大小的浏览器显示框中显示,有效解决了网站筛选条件栏不能根据浏览器显示框尺寸的变化自适应显示的问题,为了最大程度上方便用户检索想要的信息,采用筛选条件区域与筛选结果区域动态分离的方法对检索页面进行管理,实现了页面局部动态管理,导航栏(即筛选条件栏或筛选条件区域)固定在页面的左上角,而页面展示内容(即筛选结果区域)可灵活浏览。最重要的是,该导航栏根据用户评论效果或用户浏览量的大小自动将重要类别标签信息优先显示,突出分类标签中的关键信息;若用户想要检索更多内容,当鼠标滑动到相关区域时,导航栏可自动显示全部检索类型信息,最大程度上满足用户的需求。
2)本申请将筛选条件栏固定设置于检索页面的左侧,筛选条件栏不会跟随检索页面一同上下滚动,用户可以在检索页面中浏览到任意位置时方便地重新改变筛选条件,有效增加了用户的筛选体验;同时,由于筛选条件栏位于检索页面的左侧,浏览器显示框中检索结果内容显示区域充足,用户可以在同一页面上浏览到更多的检索结果,有效增加了用户的浏览体验。
当然,实施本申请的任一产品必不一定需要同时达到以上所述的所有技术效果。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是本申请实施例一所述的提供调整检索页筛选显示的方法的流程框图。
图2是本申请实施例二所述的提供调整检索页筛选显示的方法的流程框图。
图3是本申请实施例三中用户A的浏览器显示框尺寸为1024×600时筛选条件栏的示意图。
图4是本申请实施例三中用户A的浏览器显示框尺寸为1280×720时筛选条件栏的示意图。
图5是本申请实施例三中用户A的浏览器显示框尺寸为1440×900时筛选条件栏的示意图。
图6是本申请实施例三中用户A的浏览器显示框尺寸为1440×900时显示内容的示意图。
图7a是本申请实施例五所述的提供调整检索页筛选显示的系统的结构框图。
图7b是本申请实施例五所述的提供调整检索页筛选显示的系统的另一结构框图。
图8是现有技术中浏览器显示框的检索页筛选显示的示意图。
具体实施方式
如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解,硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式,而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语,故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内,本领域技术人员能够在一定误差范围内解决所述技术问题,基本达到所述技术效果。此外,“耦接”一词在此包含任何直接及间接的电性耦接手段。因此,若文中描述一第一装置耦接于一第二装置,则代表所述第一装置可直接电性耦接于所述第二装置,或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本申请的较佳实施方式,然所述描述乃以说明本申请的一般原则为目的,并非用以限定本申请的范围。本申请的保护范围当视所附权利要求所界定者为准。
实施例一
如图1所示,为本申请实施例一所述的一种提供调整检索页筛选显示的方法,该方法包括:
步骤101,当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息。
具体地,用户通过计算机终端上的浏览器访问相应的网站,并需要在该网站中进行检索的时候,用户会点击进入网站中设置的检索页面,当浏览器的显示框显示具有筛选条件栏的检索页面时,检测当前浏览器的显示框尺寸信息。
当浏览器的显示框显示具有所述筛选条件栏的检索页面时,就可以通过检测相应的浏览器信息获取所述显示框尺寸信息,所述浏览器信息可以通过HTML(HyperText Mark-up Language,超文本标记语言)文件或者是符合网络传输通信标准的浏览器信息文件获取。在所述浏览器信息中,具有相应的当前浏览器显示框尺寸信息。对于本领域技术人员来说,这里不作具体限定。
对于步骤101,所述浏览器显示框尺寸信息包括浏览器显示框的宽度和高度,在实际应用中,所述浏览器显示框的宽度变化并不会影响检索页面中所述筛选条件栏显示的完整性;但所述浏览器显示框的高度将对所述筛选条件栏显示的完整性造成影响,若所述浏览器显示框的高度低,便不能完整显示出所述筛选条件栏,造成筛选条件的内容缺失。
步骤102,在所述显示框中将所述筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
进一步地,所述筛选条件栏可以固定在显示框中的左侧或右侧,从而增加浏览器显示框中检索结果内容的显示区域范围。所述显示框的滚动条的调整,进一步可以为所述滚动条上下或左右的滚动带来所述显示框中页面的上下或左右的移动调整。
步骤102能够实现所述筛选条件栏即使在所述浏览器显示框的滚动条滚动调整时,仍固定显示在显示框中的左侧或右侧的可视区域,进而便于用户随时选择筛选条件,增加了用户的浏览体验和使用感受。
在步骤102中,根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,具体为:
根据所述浏览器的显示框尺寸信息,结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。无论按照优先级还是点击率进行统计,均属于本领域技术人员公知技术手段,这里不再赘述。
其中,对于优先级高的所述内容类别,在显示框的尺寸足够的情况下,通过增加显示行优先调整该内容类别中所能够显示出的分类项,直到能够将所有分类项全部显示为止,然后在通过增加显示行,调整优先级排第二的内容类别中所能够显示出的分类项。
另外,所述分类项的点击率统计设置可以通过相应网站服务器对一定时间内的筛选条件的点击次数进行统计而得到,也可以采用其他方式,对于本领域技术人员来说,实现方式均属于知悉内容,这里不再赘述。
实施例二
如图2所示,为本申请实施例二所述的一种提供调整检索页筛选显示的方法,该方法包括:
步骤201,当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框的高度尺寸信息。
具体地,所述浏览器显示框的高度将对所述筛选条件栏显示的完整性造成影响,若所述浏览器显示框的高度低,便不能完整显示出所述筛选条件栏,造成筛选条件的内容缺失。
因此,在浏览器的显示框显示具有所述筛选条件栏的检索页面时,通过HTML文件可以检测到浏览器的显示框尺寸信息,再从所述显示框尺寸信息检测出相应的所述显示框高度尺寸信息。
步骤202,在所述显示框中将所述筛选条件栏固定在左侧位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框的高度尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
其中,根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,具体为:
根据所述浏览器的显示框尺寸信息,结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。
另外,还包括:对所述筛选条件栏的各内容类别中没有显示出的分类项进行隐藏处理,当对该内容类别进行操作时,该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示(如图6所示)。
其中,进一步地,预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,具体为:针对不同的屏幕分辨率所对应的像素尺寸的数值中的高度尺寸数值,预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值。
例如:所述筛选条件栏的高度尺寸数值将根据:
1024(像素(px))×600(像素)、1280(像素)×720(像素)/1280(像素)×768(像素)/1280(像素)×800(像素)以及1440(像素)×900(像素)这几个屏幕分辨率所对应的像素尺寸中的高度尺寸数值的不同进行划定。
具体为:
如图5所示,当浏览器的显示框的高度尺寸信息为小于或等于1024×600时,设置所述浏览器的显示框所对应的该筛选条件栏的高度尺寸数值,使调整后的该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项。
如图3和4所示,当浏览器的显示框的高度尺寸信息为大于1024×600,且小于1280×720/1280×768/1280×800以及1440×900时,设置所述浏览器的显示框所对应的该筛选条件栏的高度尺寸数值,使调整后的该筛选条件栏中显示出所有的内容类别及该筛选条件栏中每个内容类别下一行对应的分类项,同时根据该筛选条件栏的高度尺寸数值折算成显示行数,显示该筛选条件栏中显示出所有的内容类别及该筛选条件栏中每个内容类别下一行对应的分类项,对于剩余的显示行数该筛选条件栏按照从上往下的顺序对每个内容类别下增加一行方式显示被隐藏处理的分类项,直到该筛选条件栏无剩余的显示行数为止或该筛选条件栏完全展开为止。
如图6所示,对于没有显示出的分类项进行隐藏处理后,当对该内容类别进行操作时(如鼠标移动到该内容类别上时候),该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示,在本实施例中展开的宽度为400px。
另外,在一些情况下,可以只显示所述内容类别的名称,而不显示对应的所述分类项,当然,对所述分类项的调整的还可以此采用其他方式,并不构成对本申请的限定。
需要说明的是,在本实施例中,各所述内容类别所对应的所述分类项的数量并不相同,在一些所述内容类别中,只有少量的所述分类项,该分类项只需一行便可以完全显示,那么,对于这类所述内容类别,即使在屏幕最大高度尺寸数值下,仍显示一行所述分类项。
实施例三
下面结合图3至6所示,对所述提供调整检索页筛选显示的方法的具体应用进行详细说明:
背景为:用户A通过计算机终端上的浏览器访问相应的具有筛选条件栏的网站,假定该用户A的显示器分辨率为1440×900px(在该分辨率对应的像素尺寸下所述筛选条件栏可以完全显示),用户A打开浏览器后所述浏览器显示框并未最大化,这时该浏览器的显示框中的筛选条件栏就需要进行自适应调整。
该筛选条件栏的自适应调整的具体步骤为:
首先,在用户A的浏览器的显示框显示具有筛选条件栏的检索页时,检测用户A当前浏览器的显示框尺寸信息,其显示框尺寸为1024×600px,即检测当前浏览器的显示框的高度尺寸信息为600px。
之后,将所述筛选条件栏固定在显示框中左侧进行显示,且不随该浏览器的显示框的滚动条的调整移出显示框的可视区域外。其中,如图6所示,所述筛选条件栏中的所述内容类别具体按照属性、名称、类型、时间以及地区进行划分,从上至下依次排列。并预先设定了优先级顺序:在本实施例中名称为“按类型”的所述内容类别优先级最高(即在显示框的尺寸足够的情况下,优先调整该内容类别中的分类项),其余所述内容类别优先级相同。
同时,根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
针对调整过程,可以参照实施例二所述的方式:
如图5所示,当浏览器的显示框的高度尺寸信息为小于或等于1024×600时,设置所述浏览器的显示框所对应的该筛选条件栏的高度尺寸数值,使调整后的该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项。
如图3和4所示,当浏览器的显示框的高度尺寸信息为大于1024×600,且小于1280×720/1280×768/1280×800以及1440×900时,设置所述浏览器的显示框所对应的该筛选条件栏的高度尺寸数值,使调整后的该筛选条件栏中显示出所有的内容类别及该筛选条件栏中每个内容类别下一行对应的分类项,同时根据该筛选条件栏的高度尺寸数值折算成显示行数,显示该筛选条件栏中显示出所有的内容类别及该筛选条件栏中每个内容类别下一行对应的分类项,对于剩余的显示行数该筛选条件栏按照从上往下的顺序对每个内容类别下增加一行方式显示被隐藏处理的分类项,直到该筛选条件栏无剩余的显示行数为止或该筛选条件栏完全展开为止。
如图6所示,对于没有显示出的分类项进行隐藏处理后,当对该内容类别进行操作时(如鼠标移动到该内容类别上时候),该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示,在本实施例中展开的宽度为400px。在本实施例中,各所述内容类别中未进行隐藏处理的所述分类项是根据其点击率的高地进行优先显示。
实施例四
如图7a所示,为本申请实施例四所述的一种提供调整检索页筛选显示的系统,与浏览器相耦接,该系统包括:检测单元701和调整单元702,其中,
所述检测单元701,与所述浏览器和调整单元702相耦接,用于当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息发送至所述调整单元702。
所述浏览器显示框尺寸信息包括浏览器显示框的宽度和高度,在实际应用中,所述浏览器显示框的宽度变化并不会影响检索页面中所述筛选条件栏显示的完整性;但所述浏览器显示框的高度将对所述筛选条件栏显示的完整性造成影响,若所述浏览器显示框的高度低,便不能完整显示出所述筛选条件栏,造成筛选条件的内容缺失。
所述调整单元702,与所述检测单元701和浏览器相耦接,用于在所述显示框中将所述筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
在本实施例中,所述筛选条件栏固定在显示框中的左侧或右侧,从而增加浏览器显示框中检索结果内容的显示区域范围。所述显示框的滚动条调整,具体包括:所述显示框的上下、左右滚动条调整。所以,所述筛选条件栏即使在所述浏览器显示框的滚动条滚动调整时,仍固定显示在显示框中的左侧或右侧的可视区域,进而便于用户随时选择筛选条件,增加了用户的浏览体验和使用感受。
进一步地,如图7b所示,所述提供调整检索页筛选显示的系统,还包括:
预置单元703,与所述调整单元702和浏览器相耦接,用于预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,发送给所述调整单元702;
所述调整单元702,与所述预置单元703和检测单元701相耦接,用于根据该高度尺寸数值和所述检测单元701发送的所述浏览器的显示框尺寸信息,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。
其中,对于优先级高的所述内容类别,在显示框的尺寸足够的情况下,通过增加显示行优先调整该内容类别中所能够显示出的分类项,直到能够将所有分类项全部显示为止,然后在通过增加显示行,调整优先级排第二的内容类别中所能够显示出的分类项。
另外,所述分类项的点击率统计设置可以通过相应网站服务器对一定时间内的筛选条件的点击次数进行统计而得到,也可以采用其他方式,对于本领域技术人员来说,实现方式均属于知悉内容,这里不再赘述。
进一步地,所述预置单元703,具体用于:针对不同的屏幕分辨率所对应的像素尺寸的数值中的高度尺寸数值,预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值。
其中,所述调整单元702,具体还用于:对所述筛选条件栏的各内容类别中没有显示出的分类项进行隐藏处理,当对该内容类别进行操作时,该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示。
其中,所述显示框的滚动条调整,具体包括:所述显示框的上下、左右滚动条调整。
例如:所述筛选条件栏的高度尺寸数值将根据:
1024(像素)×600(像素)、1280(像素)×720(像素)/1280(像素)×768(像素)/1280(像素)×800(像素)以及1440(像素)×900(像素)这几个屏幕分辨率所对应的像素尺寸中的高度尺寸数值的不同进行划定。
具体为:
如图5所示,当浏览器的显示框的高度尺寸信息为小于或等于1024×600时,设置所述浏览器的显示框所对应的该筛选条件栏的高度尺寸数值,所述调整单元702调整后的该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项。
如图3和4所示,当浏览器的显示框的高度尺寸信息为大于1024×600,且小于1280×720/1280×768/1280×800以及1440×900时,设置所述浏览器的显示框所对应的该筛选条件栏的高度尺寸数值,所述调整单元702调整后的该筛选条件栏中显示出所有的内容类别及该筛选条件栏中每个内容类别下一行对应的分类项,同时根据该筛选条件栏的高度尺寸数值折算成显示行数,显示该筛选条件栏中显示出所有的内容类别及该筛选条件栏中每个内容类别下一行对应的分类项,对于剩余的显示行数该筛选条件栏按照从上往下的顺序对每个内容类别下增加一行方式显示被隐藏处理的分类项,直到该筛选条件栏无剩余的显示行数为止或该筛选条件栏完全展开为止。
如图6所示,所述调整单元702对于没有显示出的分类项进行隐藏处理后,当对该内容类别进行操作时(如鼠标移动到该内容类别上时候),该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示,在本实施例中展开的宽度为400px。
另外,在一些情况下,可以只显示所述内容类别的名称,而不显示对应的所述分类项,当然,对所述分类项的调整的还可以此采用其他方式,并不构成对本申请的限定。
需要说明的是,在本实施例中,各所述内容类别所对应的所述分类项的数量并不相同,在一些所述内容类别中,只有少量的所述分类项,该分类项只需一行便可以完全显示,那么,对于这类所述内容类别,即使在屏幕最大高度尺寸数值下,仍显示一行所述分类项。
由于方法部分已经对本申请实施例进行了详细描述,这里对实施例中涉及的系统与方法对应部分的展开描述省略,不再赘述。对于系统中具体内容的描述可参考方法实施例的内容,这里不再具体限定。
与现有技术相比,本申请所述的一种提供调整检索页筛选显示的方法和系统,达到了如下效果:
1)本申请通过实时监测识别浏览器显示框的尺寸大小变化而进行筛选条件栏的自适应调整,可以在不缩减筛选条件的项目分类内容的情况下,在不同尺寸大小的浏览器显示框中显示,有效解决了网站筛选条件栏不能根据浏览器显示框尺寸的变化自适应显示的问题,为了最大程度上方便用户检索想要的信息,采用筛选条件区域与筛选结果区域动态分离的方法对检索页面进行管理,实现了页面局部动态管理,导航栏(即筛选条件栏或筛选条件区域)固定在页面的左上角,而页面展示内容(即筛选结果区域)可灵活浏览。最重要的是,该导航栏根据用户评论效果或用户浏览量的大小自动将重要类别标签信息优先显示,突出分类标签中的关键信息;若用户想要检索更多内容,当鼠标滑动到相关区域时,导航栏可自动显示全部检索类型信息,最大程度上满足用户的需求。
2)本申请将筛选条件栏固定设置于检索页面的左侧,筛选条件栏不会跟随检索页面一同上下滚动,用户可以在检索页面中浏览到任意位置时方便地重新改变筛选条件,有效增加了用户的筛选体验;同时,由于筛选条件栏位于检索页面的左侧,浏览器显示框中检索结果内容显示区域充足,用户可以在同一页面上浏览到更多的检索结果,有效增加了用户的浏览体验。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者系统中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种提供调整检索页筛选显示的方法,其特征在于,包括:
当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息;
在所述显示框中将所述筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
2.如权利要求1所述的提供调整检索页筛选显示的方法,其特征在于,根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,具体为:
根据所述浏览器的显示框尺寸信息,结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。
3.如权利要求2所述的提供调整检索页筛选显示的方法,其特征在于,预置的所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,具体为:
针对不同的屏幕分辨率所对应的像素尺寸的数值中的高度尺寸数值,预置的述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值。
4.如权利要求2所述的提供调整检索页筛选显示的方法,其特征在于,具体还包括:
对所述筛选条件栏的各内容类别中没有显示出的分类项进行隐藏处理,当对该内容类别进行操作时,该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示。
5.如权利要求1所述的提供调整检索页筛选显示的方法,其特征在于,
所述显示框的滚动条调整,具体包括:所述显示框的上下、左右滚动条调整。
6.一种提供调整检索页筛选显示的系统,其特征在于,包括:检测单元和调整单元,其中,
所述检测单元,用于当浏览器的显示框显示具有筛选条件栏的检索页时,检测当前浏览器的显示框尺寸信息发送至所述调整单元;
所述调整单元,用于在所述显示框中将所述筛选条件栏固定在一位置显示,且不随该显示框的滚动条调整移出显示框的可视区域外,同时根据所述浏览器的显示框尺寸信息,并结合预置的所述筛选条件栏在不同尺寸的浏览器的显示框中显示比例,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项。
7.如权利要求6所述的提供调整检索页筛选显示的系统,其特征在于,具体还包括:预置单元;
所述预置单元,与所述调整单元和浏览器相耦接,用于预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值,发送给所述调整单元;
所述调整单元,用于根据该高度尺寸数值和所述检测单元发送的所述浏览器的显示框尺寸信息,调整该筛选条件栏中显示的内容类别以及该内容类别对应的分类项,使该筛选条件栏中至少显示出所有的内容类别及该筛选条件栏中每个内容类别下至少一行对应的分类项,该行所显示出的分类项为按照优先级或点击率统计后设置的,且以从左至右的方式显示在所述筛选条件栏中。
8.如权利要求7所述的提供调整检索页筛选显示的系统,其特征在于,
所述预置单元,具体用于:针对不同的屏幕分辨率所对应的像素尺寸的数值中的高度尺寸数值,预置所述筛选条件栏在不同尺寸的浏览器的显示框中的高度尺寸数值。
9.如权利要求8所述的提供调整检索页筛选显示的系统,其特征在于,
所述调整单元,具体还用于:对所述筛选条件栏的各内容类别中没有显示出的分类项进行隐藏处理,当对该内容类别进行操作时,该内容类别下包含的所有分类项通过生成悬浮显示框或弹出窗口方式进行显示。
10.如权利要求6所述的提供调整检索页筛选显示的系统,其特征在于,
所述显示框的滚动条调整,具体包括:所述显示框的上下、左右滚动条调整。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310576648.9A CN103678496B (zh) | 2013-11-18 | 2013-11-18 | 提供调整检索页筛选显示的方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310576648.9A CN103678496B (zh) | 2013-11-18 | 2013-11-18 | 提供调整检索页筛选显示的方法和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103678496A true CN103678496A (zh) | 2014-03-26 |
CN103678496B CN103678496B (zh) | 2018-01-30 |
Family
ID=50316041
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310576648.9A Active CN103678496B (zh) | 2013-11-18 | 2013-11-18 | 提供调整检索页筛选显示的方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103678496B (zh) |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104866566A (zh) * | 2015-05-22 | 2015-08-26 | 百度在线网络技术(北京)有限公司 | 信息推荐方法和装置 |
CN105808110A (zh) * | 2014-12-30 | 2016-07-27 | 腾讯科技(北京)有限公司 | 表格显示方法及显示设备 |
CN106022832A (zh) * | 2016-05-23 | 2016-10-12 | 北京金山安全软件有限公司 | 一种推送增值业务信息的方法、装置及电子设备 |
CN106201157A (zh) * | 2015-05-05 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 应用窗口的调节方法、装置 |
CN108196931A (zh) * | 2018-01-30 | 2018-06-22 | 深圳市富途网络科技有限公司 | 一种用于显示扩展信息的浮层展示模块及方法 |
CN108664561A (zh) * | 2018-04-09 | 2018-10-16 | 博光系统有限公司 | 搜索对比系统及其搜索方法 |
CN108664310A (zh) * | 2018-05-22 | 2018-10-16 | 平安科技(深圳)有限公司 | 显示框处理方法、装置、计算机设备和存储介质 |
CN108803992A (zh) * | 2018-06-13 | 2018-11-13 | 河南趣读信息科技有限公司 | 一种手机阅读软件智能评论系统 |
WO2019134296A1 (zh) * | 2018-01-02 | 2019-07-11 | 武汉斗鱼网络科技有限公司 | 页面处理方法、装置及可读存储介质 |
CN110058906A (zh) * | 2017-12-12 | 2019-07-26 | 富士通株式会社 | 画面显示控制器、控制方法及非暂态计算机可读记录介质 |
CN110858911A (zh) * | 2018-08-23 | 2020-03-03 | 武汉斗鱼网络科技有限公司 | 一种视频内容获取方法、装置及电子设备 |
CN112486375A (zh) * | 2020-12-21 | 2021-03-12 | 信利(仁寿)高端显示科技有限公司 | 一种在表格软件中进行筛选展示的方法及装置 |
CN112672222A (zh) * | 2020-12-14 | 2021-04-16 | 海看网络科技(山东)股份有限公司 | 一种iptv应用中列表页筛选的展现方法 |
CN112800273A (zh) * | 2021-02-05 | 2021-05-14 | 北京字节跳动网络技术有限公司 | 一种页面内容展示方法及终端设备 |
CN112925969A (zh) * | 2021-03-23 | 2021-06-08 | 北京金山云网络技术有限公司 | 一种搜索页面的显示方法和装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1808423A (zh) * | 2005-01-17 | 2006-07-26 | 佳能信息技术(北京)有限公司 | 网页搜索的显示方法及其客户端设备 |
CN102541882A (zh) * | 2010-12-17 | 2012-07-04 | 中国移动通信集团公司 | 网页导航页面和网页的显示方法及移动通信终端 |
CN102682099A (zh) * | 2012-04-27 | 2012-09-19 | 北京百度网讯科技有限公司 | 一种用于在目标区域提供目标图片的方法与设备 |
CN102819602A (zh) * | 2012-08-16 | 2012-12-12 | 优视科技有限公司 | 网页内容的浏览方法、装置和浏览器 |
CN103176702A (zh) * | 2011-12-22 | 2013-06-26 | 北大方正集团有限公司 | 一种应用于b/s结构的表格类信息显示、操作方法 |
-
2013
- 2013-11-18 CN CN201310576648.9A patent/CN103678496B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1808423A (zh) * | 2005-01-17 | 2006-07-26 | 佳能信息技术(北京)有限公司 | 网页搜索的显示方法及其客户端设备 |
CN102541882A (zh) * | 2010-12-17 | 2012-07-04 | 中国移动通信集团公司 | 网页导航页面和网页的显示方法及移动通信终端 |
CN103176702A (zh) * | 2011-12-22 | 2013-06-26 | 北大方正集团有限公司 | 一种应用于b/s结构的表格类信息显示、操作方法 |
CN102682099A (zh) * | 2012-04-27 | 2012-09-19 | 北京百度网讯科技有限公司 | 一种用于在目标区域提供目标图片的方法与设备 |
CN102819602A (zh) * | 2012-08-16 | 2012-12-12 | 优视科技有限公司 | 网页内容的浏览方法、装置和浏览器 |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105808110A (zh) * | 2014-12-30 | 2016-07-27 | 腾讯科技(北京)有限公司 | 表格显示方法及显示设备 |
CN105808110B (zh) * | 2014-12-30 | 2020-04-07 | 腾讯科技(北京)有限公司 | 表格显示方法及显示设备 |
CN106201157A (zh) * | 2015-05-05 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 应用窗口的调节方法、装置 |
CN104866566A (zh) * | 2015-05-22 | 2015-08-26 | 百度在线网络技术(北京)有限公司 | 信息推荐方法和装置 |
CN106022832A (zh) * | 2016-05-23 | 2016-10-12 | 北京金山安全软件有限公司 | 一种推送增值业务信息的方法、装置及电子设备 |
CN110058906A (zh) * | 2017-12-12 | 2019-07-26 | 富士通株式会社 | 画面显示控制器、控制方法及非暂态计算机可读记录介质 |
WO2019134296A1 (zh) * | 2018-01-02 | 2019-07-11 | 武汉斗鱼网络科技有限公司 | 页面处理方法、装置及可读存储介质 |
CN108196931A (zh) * | 2018-01-30 | 2018-06-22 | 深圳市富途网络科技有限公司 | 一种用于显示扩展信息的浮层展示模块及方法 |
CN108664561A (zh) * | 2018-04-09 | 2018-10-16 | 博光系统有限公司 | 搜索对比系统及其搜索方法 |
CN108664310A (zh) * | 2018-05-22 | 2018-10-16 | 平安科技(深圳)有限公司 | 显示框处理方法、装置、计算机设备和存储介质 |
CN108803992A (zh) * | 2018-06-13 | 2018-11-13 | 河南趣读信息科技有限公司 | 一种手机阅读软件智能评论系统 |
CN110858911A (zh) * | 2018-08-23 | 2020-03-03 | 武汉斗鱼网络科技有限公司 | 一种视频内容获取方法、装置及电子设备 |
CN112672222A (zh) * | 2020-12-14 | 2021-04-16 | 海看网络科技(山东)股份有限公司 | 一种iptv应用中列表页筛选的展现方法 |
CN112486375A (zh) * | 2020-12-21 | 2021-03-12 | 信利(仁寿)高端显示科技有限公司 | 一种在表格软件中进行筛选展示的方法及装置 |
CN112800273A (zh) * | 2021-02-05 | 2021-05-14 | 北京字节跳动网络技术有限公司 | 一种页面内容展示方法及终端设备 |
CN112925969A (zh) * | 2021-03-23 | 2021-06-08 | 北京金山云网络技术有限公司 | 一种搜索页面的显示方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103678496B (zh) | 2018-01-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103678496A (zh) | 提供调整检索页筛选显示的方法和系统 | |
US10917499B2 (en) | Personalized entity information page | |
US9813479B2 (en) | Browser with video display history | |
CN103970894A (zh) | 自适应调整的界面流式布局显示的方法和系统 | |
TWI395108B (zh) | Recommendation information evaluation device, recommendation information evaluation method | |
US9407971B2 (en) | Presentation of summary content for primary content | |
US20110289458A1 (en) | User interface animation for a content system | |
US20130339857A1 (en) | Modular and Scalable Interactive Video Player | |
US20110093476A1 (en) | Recommendation information generation apparatus and recommendation information generation method | |
CN103678497A (zh) | 提供调整检索页浏览显示的方法和系统 | |
CN104951961A (zh) | 用于推送内容的方法、终端、服务器以及系统 | |
CN102938861A (zh) | 一种交互式数字电视门户展示装置、方法及终端 | |
US20110209046A1 (en) | Optimizing web content display on an electronic mobile reader | |
CN109889864B (zh) | 视频推送方法、装置、设备及存储介质 | |
CN102687107A (zh) | 内容显示装置、内容显示方法、内容显示程序、记录介质、服务器装置、内容提供方法及内容提供程序 | |
JP6247745B2 (ja) | 情報処理装置、情報処理方法、及び情報処理プログラム | |
US10055099B2 (en) | User-programmable channel store for video | |
JP2015022550A (ja) | 端末装置およびプログラム | |
CN109543098A (zh) | 一种网页广告的更新方法及装置 | |
CN111324836A (zh) | 一种页面的处理方法、装置、计算机设备和存储介质 | |
CN109522497A (zh) | 一种新闻网页页面的适配显示方法及装置 | |
JP5805134B2 (ja) | 端末装置および装置のプログラム | |
CN101710971A (zh) | 生成页面的方法和装置 | |
KR101687377B1 (ko) | 영상자료에 대한 광고 영상 제작방법, 이를 이용한 제작 시스템 및 제작된 영상데이터에 대한 상영방법 | |
CN109445767A (zh) | 一种应用于多终端的新型响应式导航设计实现方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20210623 Address after: 300467 917-2, Chuangzhi building, 482 Zhongxin eco city, Binhai New Area, Tianjin Patentee after: Tianjin Zhirong Innovation Technology Development Co.,Ltd. Address before: 100089 room 6184, 6th floor, building 19, 68 Xueyuan South Road, Haidian District, Beijing Patentee before: LE HOLDINGS (BEIJING) Co.,Ltd. |
|
TR01 | Transfer of patent right |