网页弹出框定位方法和装置制造方法

文档序号:6517512阅读:204来源:国知局
网页弹出框定位方法和装置制造方法
【专利摘要】本发明公开了一种网页弹出框定位方法和装置。该网页弹出框定位方法包括:检测网页弹出框在网页界面上所处的位置;根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内。通过本发明,解决了相关技术中Microsoft?Silverlight网页界面发生可见区域变化时,容易出现弹出框部分或者全部被遮挡的情况的问题,进而达到了弹出框始终显示在网页界面的可见区域的效果。
【专利说明】网页弹出框定位方法和装置
【技术领域】
[0001]本发明涉及互联网领域,具体而言,涉及一种网页弹出框定位方法和装置。
【背景技术】
[0002]微软银光(Microsoft Silverlight)是一个跨浏览器的、跨平台的插件,为网络带来下一代基于编程基础结构(NET Framework),Microsoft Silverlight可以生成网络系统(Web)、桌面系统和微软手机操作系统(Windows Phone)的媒体体验和丰富的交互式应用程序。
[0003]在相关技术中,Microsoft Silverlight的网页界面显示非常灵活,但是Microsoft Silverlight在调整弹出框位置方面存在明显不足,S卩,当MicrosoftSilverlight网页界面因横向滚动条和纵向滚动条的滚动而发生可见区域变化时,Microsoft Silverlight网页界面上的弹出框容易出现部分或者全部被遮挡的情况,如图1所示,浏览器的网页界面包括I和2两种区域,I表示网页界面的可见区域,2表示网页界面的不可见区域,网页界面的弹出框随着横向滚动条和纵向滚动条的滚动在网页界面中被分成3和4两种区域,3表示弹出框显示在网页界面的可见区域的部分,3表示弹出框被网页界面的不可见区域遮挡的部分。
[0004]针对相关技术中Microsoft Silverlight网页界面发生可见区域变化时,容易出现弹出框部分或者全部被遮挡的情况的问题,目前尚未提出有效的解决方案。

【发明内容】

[0005]本发明的主要目的在于提供一种网页弹出框定位方法和装置,以解决相关技术中Microsoft Silverlight网页界面发生可见区域变化时,容易出现弹出框部分或者全部被遮挡的情况的问题。
[0006]为了实现上述目的,根据本发明的一个方面,提供了一种网页弹出框定位方法。该方法包括:检测网页弹出框在网页界面上所处的位置;根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内。
[0007]进一步地,在根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内之前,方法还包括:检测网页界面的可见区域是否变化,其中,如果检测出网页界面的可见区域发生变化,则调整弹出框与网页界面的相对位置。
[0008]进一步地,在如果检测出网页界面的可见区域发生变化,则调整弹出框与网页界面的相对位置之前,方法还包括:判断弹出框是否全部显示在网页界面的可见区域内,其中,如果判断出弹出框未全部显示在网页界面的可见区域内,则调整弹出框与网页界面的相对位置。
[0009]进一步地,判断弹出框是否全部显示在网页界面的可见区域内包括:判断弹出框的左上角是否显示在网页界面的可见区域内;和/或判断弹出框的右下角是否显示在网页界面的可见区域内,其中,弹出框为矩形弹出框,如果判断出弹出框未全部显示在网页界面的可见区域内,则调整弹出框与网页界面的相对位置包括:如果判断出弹出框的左上角和/或右下角未显示在网页界面的可见区域内,则获取网页界面的可见区域的大小;获取弹出框实际显示的大小;获取弹出框的旧位置;以及根据网页界面的可见区域的大小和弹出框实际显示的大小和弹出框的旧位置,确定弹出框的新位置。
[0010]进一步地,获取网页界面的可见区域的大小包括:获取网页界面的可见区域的长度和网页界面的可见区域的高度。获取弹出框实际显示的大小包括:获取弹出框实际显示的长度和弹出框实际显示的高度,获取弹出框的旧位置包括:获取弹出框的左上角的旧坐标和/或右下角的旧坐标,根据网页界面的可见区域的大小和弹出框实际显示的大小和弹出框的旧位置,确定弹出框的新位置包括:根据网页界面的可见区域的长度和网页界面的可见区域的高度和弹出框实际显示的长度和弹出框实际显示的高度和弹出框的左上角的旧坐标和/或右下角的旧坐标,确定弹出框的左上角的新坐标和/或右下角的新坐标,其中,弹出框的左上角的新坐标通过以下公式计算得到:弹出框的左上角的新坐标=网页界面的可见区域的长度-弹出框的左上角的旧坐标-弹出框实际显示的长度,弹出框的左上角的新坐标=网页界面的可见区域的高度-弹出框的左上角的旧坐标-弹出框实际显示的高度。
[0011]进一步地,获取弹出框实际显示的长度和弹出框实际显示的高度包括:获取第一子弹出框的左上角坐标;获取第二子弹出框的左上角坐标,其中,第一子弹出框和第二子弹出框分别设置在弹出框的左上角和弹出框的右下角,并且第一子弹出框和第二子弹出框的大小均为Opx ;根据第一子弹出框的左上角坐标和第二子弹出框的左上角坐标,确定弹出框实际显示的长度和弹出框实际显示的高度,其中,弹出框实际显示的长度和弹出框实际显示的高度通过以下公式计算得到:弹出框实际显示的长度=第二子弹出框的左上角坐标-第一子弹出框的左上角坐标,弹出框实际显示的高度=第二子弹出框的左上角坐标-第一子弹出框的左上角坐标。
[0012]为了实现上述目的,根据本发明的另一方面,提供了一种网页弹出框定位装置。该装置包括:第一检测单元,用于检测网页弹出框在网页界面上所处的位置;调整单元,用于根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内。
[0013]进一步地,网页弹出框定位装置还包括:第二检测单元,用于检测网页界面的可见区域是否变化,其中,调整单元还用于如果检测出网页界面的可见区域发生变化,则调整弹出框与网页界面的相对位置。
[0014]进一步地,网页弹出框定位装置还包括:判断单元,用于判断弹出框是否全部显示在网页界面的可见区域内,其中,调整单元还用于如果判断出弹出框未全部显示在网页界面的可见区域内,则调整弹出框与网页界面的相对位置。
[0015]进一步地,判断单元包括:第一判断模块,用于判断弹出框的左上角是否显示在网页界面的可见区域内;和/或第二判断模块,用于判断弹出框的右下角是否显示在网页界面的可见区域内,其中,弹出框为矩形弹出框。调整单元包括:第一获取模块,用于如果判断出弹出框的左上角和/或右下角未显示在网页界面的可见区域内,则获取网页界面的可见区域的大小;第二获取模块,用于获取弹出框实际显示的大小;第三获取模块,用于获取弹出框的旧位置;以及确定模块,用于根据网页界面的可见区域的大小和弹出框实际显示的大小和弹出框的旧位置,确定弹出框的新位置。
[0016]进一步地,第一获取模块还用于获取网页界面的可见区域的长度和网页界面的可见区域的高度,第二获取模块还用于获取弹出框实际显示的长度和弹出框实际显示的高度,第三获取模块还用于获取弹出框的左上角的旧坐标和/或右下角的旧坐标,确定模块还用于根据网页界面的可见区域的长度和网页界面的可见区域的高度和弹出框实际显示的长度和弹出框实际显示的高度和弹出框的左上角的旧坐标和/或右下角的旧坐标,确定弹出框的左上角的新坐标和/或右下角的新坐标,其中,弹出框的左上角的新坐标通过以下公式计算得到:弹出框的左上角的新坐标=网页界面的可见区域的长度-弹出框的左上角的旧坐标-弹出框实际显示的长度,弹出框的左上角的新坐标=网页界面的可见区域的高度-弹出框的左上角的旧坐标-弹出框实际显示的高度。
[0017]进一步地,第二获取模块包括:第一获取子模块,用于获取第一子弹出框的左上角坐标;第二获取子模块,用于获取第二子弹出框的左上角坐标,其中,第一子弹出框和第二子弹出框分别设置在弹出框的左上角和弹出框的右下角,并且第一子弹出框和第二子弹出框的大小均为Opx ;确定子模块,用于根据第一子弹出框的左上角坐标和第二子弹出框的左上角坐标,确定弹出框实际显示的长度和弹出框实际显示的高度,其中,弹出框实际显示的长度和弹出框实际显示的高度通过以下公式计算得到:弹出框实际显示的长度=第二子弹出框的左上角坐标-第一子弹出框的左上角坐标,弹出框实际显示的高度=第二子弹出框的左上角坐标-第一子弹出框的左上角坐标。
[0018]通过本发明,采用检测网页弹出框在网页界面上所处的位置;以及根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内,解决了相关技术中Microsoft Silverlight网页界面发生可见区域变化时,容易出现弹出框部分或者全部被遮挡的情况的问题,进而达到了弹出框始终显示在网页界面的可见区域的效果。
【专利附图】

【附图说明】
[0019]构成本申请的一部分的附图用来提供对本发明的进一步理解,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
[0020]图1是根据相关技术的弹出窗在网页界面中部分遮挡的示意图;
[0021]图2是根据本发明第一实施例的网页弹出框定位方法的流程图;
[0022]图3是根据本发明第一实施例定位网页弹出框的示意图;
[0023]图4是根据本发明第二实施例的网页弹出框定位方法的流程图;
[0024]图5是根据本发明第三实施例的网页弹出框定位方法的流程图;
[0025]图6是根据本发明第三实施例的获取弹出框实际显示的长度和弹出框实际显示的闻度的不意图;
[0026]图7是根据本发明第三实施例的获取弹出框的新坐标的示意图;
[0027]图8是根据本发明第一实施例的网页弹出框定位装置的示意图;
[0028]图9是根据本发明第二实施例的网页弹出框定位装置的示意图;
[0029]图10是根据本发明第三实施例的网页弹出框定位装置的示意图;以及[0030]图11是根据本发明第四实施例的网页弹出框定位装置的示意图。
【具体实施方式】
[0031]需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
[0032]为了使本领域的技术人员更好的理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,在本领域普通技术人员没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明的保护范围。
[0033]需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含。
[0034]根据本发明的实施例,提供了一种网页弹出框定位方法,该网页弹出框定位方法用于调整弹出框和网页界面的相对位置以使弹出框始终显示在网页界面的可见区域内。该网页弹出框定位方法可以运行在计算机处理设备上。
[0035]图2是根据本发明第一实施例的网页弹出框定位方法的流程图。
[0036]如图2所示,该方法包括如下的步骤SlOl至步骤S102:
[0037]步骤S101,检测网页弹出框在网页界面上所处的位置。
[0038]需要说明的是,在本发明实施例中,检测网页弹出框在网页界面上所处的位置可以是检测Microsoft Silverlight界面弹出框在Microsoft Silverlight界面上所处的位置。弹出框在网页界面上所处的位置可以为弹出框在网页界面上的实际位置,优选地,弹出框在网页界面上所处的位置可以为弹出框在网页界面上实际显示的位置,这样,检测弹出框在网页界面上实际显示的位置可以判断出弹出框是否显示在网页界面的可见区域,提高了检测效率以及判断的准确性的效果。
[0039]步骤S102,根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内。
[0040]在本发明实施例中,根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内可以是调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内,其中,弹出框可以始终位于网页界面的可见区域内的固定位置,或者可以始终位于网页界面的可见区域内的任意位置。
[0041]例如,在本发明实施例中,当检测到网页弹出框在网页界面上所处的位置如图1所示时,可以根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内,即将弹出框定位到图3所示的5的位置以使弹出框全部显示在网页界面的可见区域3内,其中,箭头表示弹出框的整体移动方向。
[0042]通过本发明实施例,采用不断检测检测网页弹出框在网页界面上所处的位置以及根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内,这样,避免了当横向滚动条或者纵向滚动条发生滚动,网页界面的可见区域会发生改变时,原先全部显示在网页界面可见区域的弹出框可能会因为可见区域的变化而被部分或者全部遮挡的问题,达到了保持弹出框始终显示在网页界面的可见区域内的效果。
[0043]图4是根据本发明第二实施例的网页弹出框定位方法的流程图。
[0044]如图4所示,该网页弹出框定位方法包括如下的步骤S201至步骤S203,该实施例可以作为图2所示实施例的优选实施方式。
[0045]步骤S201,同图2所示实施例的步骤SlOl,在此不再赘述。
[0046]步骤S202,检测网页界面的可见区域是否变化。
[0047]在本发明实施例中,根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内可以包括检测网页界面的可见区域是否变化。当检测出网页界面的可见区域发生变化时,则执行步骤S203,S卩,调整弹出框与网页界面的相对位置,否则当检测出网页界面的可见区域未发生变化时,则执行步骤S201。
[0048]步骤S203,调整弹出框与网页界面的相对位置。
[0049]在本发明实施例中,调整弹出框与网页界面的相对位置可以是调整弹出框与网页界面的可见区域的相对位置,具体地,当检测到网页界面的可见区域发生变化时,可以调整弹出框的位置始终位于网页界面的可见区域的相对固定的位置,例如,可以调整弹出框的位置始终位于网页界面的可见区域的右下角,或者可以调整弹出框的位置始终位于网页界面的可见区域的任意位置。
[0050]通过本发明实施例,采用检测网页界面的可见区域是否变化以及当检测出网页界面的可见区域发生变化时,调整弹出框与网页界面的相对位置,这样,避免了网页界面的可见区域会未发生改变时,亦检测网页弹出框在网页界面上所处的位置的情况,减少了检测的频率,提高了检测效率,进而达到了保持弹出框始终显示在网页界面的可见区域内的效
果O
[0051]图5是根据本发明第三实施例的网页弹出框定位方法的流程图。
[0052]如图5所示,该网页弹出框定位方法包括如下的步骤S301至步骤S304,该实施例可以作为图4所示实施例的优选实施方式。
[0053]步骤S301和步骤S302,分别同图4所示实施例的步骤S201和步骤S202,在此不
再赘述。
[0054]步骤S303,判断弹出框是否全部显示在网页界面的可见区域内。
[0055]当网页界面的横向或者纵向滚动条发生滚动时,网页界面的可见区域发生变化,这时,原先位于网页界面的弹出窗可能全部显示在网页界面的可见区域内,或者可能部分或全部被遮挡,在本发明实施例中,如果检测出网页界面的可见区域发生变化,则调整弹出框与网页界面的相对位置可以包括判断弹出框是否全部显示在网页界面的可见区域内,当判断出弹出框全部显示在网页界面的可见区域内时,执行步骤S301,否则当判断出弹出框未全部显示在网页界面的可见区域内,即弹出框部分或者全部被遮挡时,执行步骤S304。
[0056]在本发明实施实例中,假设弹出框预先设定在网页界面的可见区域的右下角时,可以通过以下方式判断弹出框是否全部显示在网页界面的可见区域内:
[0057]当网页界面的横向或者纵向滚动条都发生滚动时,可以判断弹出框的左上角和右下角是否显示在网页界面的可见区域内以判断弹出框是否全部显示在网页界面的可见区域内,其中,当判断出弹出框的左上角和右下角未显示在网页界面的可见区域内时,确认弹出框未全部显示在网页界面的可见区域内;或者当网页界面的横向滚动条发生滚动时,可以判断弹出框的右下角是否显示在网页界面的可见区域内以判断弹出框是否全部显示在网页界面的可见区域内或者判断弹出框的左上角是否显示在网页界面的可见区域内,其中,当判断出弹出框的右下角未显示在网页界面的可见区域内时,确认弹出框未全部显示在网页界面的可见区域内;或者当网页界面的纵向滚动条发生滚动时,可以判断弹出框的左上角是否显示在网页界面的可见区域内以判断弹出框是否全部显示在网页界面的可见区域内,其中,当判断出弹出框的左上角未显示在网页界面的可见区域内时,确认弹出框未全部显示在网页界面的可见区域内,需要说明的是,弹出框为矩形弹出框。
[0058]步骤S304,调整弹出框与网页界面的相对位置。
[0059]在本发明实施例中,假设弹出框预先设定在网页界面的可见区域的右下角,如果判断出弹出框未全部显示在网页界面的可见区域内,则可以通过以下步骤调整弹出框与网页界面的相对位置:`[0060]步骤1,如果判断出弹出框的左上角或右下角未显示在网页界面的可见区域内,则获取网页界面的可见区域的大小,其中,网页界面的可见区域的大小为网页界面的可见区域实际显示的大小,获取网页界面的可见区域的大小可以是获取网页界面的可见区域的长度和网页界面的可见区域的高度。
[0061]步骤2,获取弹出框在网页界面上实际显示的大小,其中,获取弹出框在网页界面上实际显示的大小可以为获取弹出框实际显示的长度和弹出框实际显示的高度。
[0062]具体地,可以通过以下方式获取弹出框实际显示的长度和弹出框实际显示的高度:获取第一子弹出框的左上角坐标和获取第二子弹出框的左上角坐标,其中,第一子弹出框和第二子弹出框分别设置在弹出框的左上角和弹出框的右下角,并且第一子弹出框和第二子弹出框的大小均为Opx ;根据第一子弹出框的左上角坐标和第二子弹出框的左上角坐标,确定弹出框实际显示的长度和弹出框实际显示的高度,其中,弹出框实际显示的长度和弹出框实际显示的高度通过以下公式计算得到:
[0063]弹出框实际显示的长度=第二子弹出框的左上角横坐标-第一子弹出框的左上角横坐标,
[0064]弹出框实际显示的高度=第二子弹出框的左上角纵坐标-第一子弹出框的左上角纵坐标。
[0065]例如,如图6所示,第一子弹出框设置在弹出框的左上角,第二子弹出框设置在弹出框的右下角,假设获取的第一子弹出框的左上角的坐标为(X1, Y1),获取的第二子弹出框的左上角的坐标为(X2,Y2),则可以确定弹出框实际显示的长度B1=X2-X1,弹出框实际显示的闻度 ^i1=Y2-Y1 ο
[0066]步骤3,获取弹出框的旧位置,即获取弹出框在网页界面的可见区域发生变化以前的位置,其中,获取弹出框的旧位置可以获取弹出框的左上角的旧坐标和/或右下角的旧坐标。
[0067]步骤4,根据网页界面的可见区域的大小和弹出框实际显示的大小以及弹出框的旧位置确定弹出框的新位置,其中,弹出框的新位置是指弹出框重新全部显示在网页界面的可见区域的位置,在本发明实施例中,可以根据网页界面的可见区域的长度和网页界面的可见区域的高度和弹出框实际显示的长度和弹出框实际显示的高度和弹出框的左上角的旧坐标和/或右下角的旧坐标确定弹出框的左上角的新坐标和/或右下角的新坐标,其中,弹出框的左上角的新坐标通过以下公式计算得到:
[0068]弹出框的左上角的新横坐标=网页界面的可见区域的长度-弹出框的左上角的丨日横坐标-弹出框实际显示的长度,
[0069]弹出框的左上角的新纵坐标=网页界面的可见区域的高度-弹出框的左上角的丨日纵坐标-弹出框实际显示的高度。
[0070]例如,如图7所示,假设获取的弹出框实际显示的长度&1,获取的弹出框实际显示的长度Ii1,获取的网页界面的可见区域的长度a2,获取的网页界面的可见区域的长度h2,获取的弹出框的左上角的旧坐标为(X3,Y3),则确定弹出框的左上角的旧坐标为(X4,Y4),其Φ,X4=B2-X3-B1,Y4=h2-Y3-h10这样,通过确定弹出框的左上角的新坐标可以确定弹出框完全显示在页面界面的可见区域的位置。
[0071]根据本发明的实施例,提供了一种网页弹出框定位装置,该网页弹出框定位装置用于调整弹出框和网页界面的相对位置以使弹出框始终显示在网页界面的可见区域内。需要说明的是,本发明实施例所提供的日志生成的检测方法可以通过本发明实施例的日志生成的检测装置来执行,本发明实施例的日志生成的检测装置也可以用于执行本发明实施例的日志生成的检测方法。
[0072]图8是根据本发明第一实施例的网页弹出框定位装置的示意图。
[0073]如图8所示,该装置包括:第一检测单元10和调整单元20。
[0074]第一检测单元10用于检测网页弹出框在网页界面上所处的位置。需要说明的是,在本发明实施例中,第一检测单元10可以检测Microsoft Silverlight界面弹出框在Microsoft Silverlight界面上所处的位置。弹出框在网页界面上所处的位置可以为弹出框在网页界面上的实际位置,优选地,弹出框在网页界面上所处的位置可以为弹出框在网页界面上实际显示的位置,这样,检测弹出框在网页界面上实际显示的位置可以判断出弹出框是否显示在网页界面的可见区域,提高了检测效率以及判断的准确性的效果。
[0075]调整单元20用于根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内。在本发明实施例中,调整单元20可以是调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内,其中,弹出框可以始终位于网页界面的可见区域内的固定位置,或者可以始终位于网页界面的可见区域内的任意位置。
[0076]通过本发明实施例,采用第一检测单元10不断检测检测网页弹出框在网页界面上所处的位置,以及采用调整单元20根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内,这样,避免了当横向滚动条或者纵向滚动条发生滚动,网页界面的可见区域会发生改变时,原先全部显示在网页界面可见区域的弹出框可能会因为可见区域的变化而被部分或者全部遮挡的问题,达到了保持弹出框始终显示在网页界面的可见区域内的效果。
[0077]图9是根据本发明第二实施例的网页弹出框定位装置的示意图。
[0078]如图9所示,该实施例可以作为图8所示实施例的优选实施方式,该实施例的网页弹出框定位装置除了包括第一实施例的第一检测单元10和调整单元20之外,还包括第二检测单元30。
[0079]第一检测单元10的作用与第一实施例中的相同,在此不再赘述。
[0080]第二检测单元30用于检测网页界面的可见区域是否变化。在本发明实施例中,根据弹出框在网页界面上所处的位置调整弹出框与网页界面的相对位置以使弹出框始终位于网页界面的可见区域内可以包括检测网页界面的可见区域是否变化。当检测出网页界面的可见区域发生变化时,则调整弹出框与网页界面的相对位置,否则当检测出网页界面的可见区域未发生变化时,则不作处理。
[0081]在本发明实施例中,调整单元20还用于调整弹出框与网页界面的相对位置。调整单元20可以调整弹出框与网页界面的可见区域的相对位置,具体地,当检测到网页界面的可见区域发生变化时,调整单元20可以调整弹出框的位置始终位于网页界面的可见区域的相对固定的位置,例如,调整单元20可以调整弹出框的位置始终位于网页界面的可见区域的右下角,或者调整单元20可以调整弹出框的位置始终位于网页界面的可见区域的任意位置。
[0082]通过本发明实施例,采用第二检测单元30检测网页界面的可见区域是否变化以及当检测出网页界面的可见区域发生变化时,调整单元20调整弹出框与网页界面的相对位置,这样,避免了网页界面的可见区域会未发生改变时,亦检测网页弹出框在网页界面上所处的位置的情况,减少了检测的频率,提高了检测效率,进而达到了保持弹出框始终显示在网页界面的可见区域内的效果。
[0083]图10是根据本发明第三实施例的网页弹出框定位装置的示意图。
[0084]如图10所示,该实施例可以作为图9所示实施例的优选实施方式,该实施例的网页弹出框定位装置除了包括第二实施例的第一检测单元10、调整单元20和第二检测单元30之外,还包括判断单元40。
[0085]第一检测单元10、第二检测单元30和调整单元20的作用与第二实施例中的相同,在此不再赘述。
[0086]判断单元40用于判断弹出框是否全部显示在网页界面的可见区域内。当网页界面的横向或者纵向滚动条发生滚动时,网页界面的可见区域发生变化,这时,原先位于网页界面的弹出窗可能全部显示在网页界面的可见区域内,或者可能部分或全部被遮挡,在本发明实施例中,当判断单元40判断出弹出框全部显示在网页界面的可见区域内时,不做任何处理,否则当判断单元40判断出弹出框未全部显示在网页界面的可见区域内,即弹出框部分或者全部被遮挡时,则调整单元20调整弹出框与网页界面的相对位置。
[0087]图11是根据本发明第四实施例的网页弹出框定位装置的示意图。
[0088]如图11所示,该实施例可以作为图10所示实施例的优选实施方式,该实施例的网页弹出框定位装置包括第二实施例的第一检测单元10、调整单元20、第二检测单元30和判断单元40,其中,判断单元40包括第一判断模块401和第二判断模块402,调整单元20包括第一获取模块201、第二获取模块202、第三获取模块203和确定模块204。
[0089]第一检测单元10和第二检测单元30的作用与第二实施例中的相同,在此不再赘述。
[0090]第一判断模块401用于判断弹出框的左上角是否显示在网页界面的可见区域内。第二判断模块402用于判断弹出框的右下角是否显示在网页界面的可见区域内,其中,弹出框为矩形弹出框。在本发明实施实例中,假设弹出框预先设定在网页界面的可见区域的右下角时,第一判断模块401和第二判断模块402可以通过以下方式判断弹出框是否全部显示在网页界面的可见区域内:
[0091]当网页界面的横向或者纵向滚动条都发生滚动时,第一判断模块401和第二判断模块402可以判断弹出框的左上角和右下角是否显示在网页界面的可见区域内以判断弹出框是否全部显示在网页界面的可见区域内,其中,当判断出弹出框的左上角和右下角未显示在网页界面的可见区域内时,确认弹出框未全部显示在网页界面的可见区域内;或者当网页界面的横向滚动条发生滚动时,第二判断模块402可以判断弹出框的右下角是否显示在网页界面的可见区域内以判断弹出框是否全部显示在网页界面的可见区域内或者判断弹出框的左上角是否显示在网页界面的可见区域内,其中,当判断出弹出框的右下角未显示在网页界面的可见区域内时,确认弹出框未全部显示在网页界面的可见区域内;或者当网页界面的纵向滚动条发生滚动时,第一判断模块401可以判断弹出框的左上角是否显示在网页界面的可见区域内以判断弹出框是否全部显示在网页界面的可见区域内,其中,当判断出弹出框的左上角未显示在网页界面的可见区域内时,确认弹出框未全部显示在网页界面的可见区域内,需要说明的是,弹出框为矩形弹出框。
[0092]第一获取模块201用于如果判断出弹出框的左上角和/或右下角未显示在网页界面的可见区域内,则获取网页界面的可见区域的大小,其中,网页界面的可见区域的大小为网页界面的可见区域实际显示的大小,具体地,第一获取模块201可以用于获取网页界面的可见区域的长度和网页界面的可见区域的高度。
[0093]第二获取模块202用于获取弹出框实际显示的大小。具体地,第二获取模块202可以用于获取弹出框实际显示的长度和弹出框实际显示的高度。在本发明实施例中,第二获取模块202可以包括第一获取子模块、第二获取子模块和确定子模块。第二获取模块202可以通过以下方式获取弹出框实际显示的长度和弹出框实际显示的高度:第一获取子模块用于获取第一子弹出框的左上角坐标,第二获取子模块用于获取第二子弹出框的左上角坐标,其中,第一子弹出框和第二子弹出框分别设置在弹出框的左上角和弹出框的右下角,并且第一子弹出框和第二子弹出框的大小均为Opx ;确定子模块用于根据第一子弹出框的左上角坐标和第二子弹出框的左上角坐标,确定弹出框实际显示的长度和弹出框实际显示的高度,其中,弹出框实际显示的长度和弹出框实际显示的高度通过以下公式计算得到:
[0094]弹出框实际显示的长度=第二子弹出框的左上角横坐标-第一子弹出框的左上角横坐标,
[0095]弹出框实际显示的高度=第二子弹出框的左上角纵坐标-第一子弹出框的左上角纵坐标。
[0096]第三获取模块203用于获取弹出框的旧位置。具体地,第三获取模块203可以用于获取弹出框的左上角的旧坐标和/或右下角的旧坐标。
[0097]确定模块204用于根据网页界面的可见区域的大小和弹出框实际显示的大小和弹出框的旧位置确定弹出框的新位置,其中,弹出框的新位置是指弹出框重新全部显示在网页界面的可见区域的位置,具体地,确定模块204可以用于根据网页界面的可见区域的长度和网页界面的可见区域的高度和弹出框实际显示的长度和弹出框实际显示的高度和弹出框的左上角的旧坐标和/或右下角的旧坐标,确定弹出框的左上角的新坐标和/或右下角的新坐标。其中,弹出框的左上角的新坐标可以通过以下公式计算得到:
[0098]弹出框的左上角的新坐标=网页界面的可见区域的长度-弹出框的左上角的旧坐标-弹出框实际显示的长度,
[0099]弹出框的左上角的新坐标=网页界面的可见区域的高度-弹出框的左上角的旧坐标-弹出框实际显示的高度。
[0100]从以上的描述中,可以看出,本发明实现了根据检测到的网页界面的可见区域是否变化调整弹出框与网页界面的相对位置的目的,避免了网页界面的可见区域会发生改变时,弹出框被部分或者全部遮挡的情况,进而达到了保持弹出框始终显示在网页界面的可见区域内的效果。
[0101]需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
[0102]显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
[0103]以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
【权利要求】
1.一种网页弹出框定位方法,其特征在于,包括: 检测网页弹出框在网页界面上所处的位置;以及 根据所述弹出框在所述网页界面上所处的位置调整所述弹出框与所述网页界面的相对位置以使所述弹出框始终位于所述网页界面的可见区域内。
2.根据权利要求1所述的网页弹出框定位方法,其特征在于,在根据所述弹出框在所述网页界面上所处的位置调整所述弹出框与所述网页界面的相对位置以使所述弹出框始终位于所述网页界面的可见区域内之前,所述方法还包括: 检测所述网页界面的可见区域是否变化, 其中,如果检测出所述网页界面的可见区域发生变化,则调整所述弹出框与所述网页界面的相对位置。
3.根据权利要 求2所述的网页弹出框定位方法,其特征在于,在如果检测出所述网页界面的可见区域发生变化,则调整所述弹出框与所述网页界面的相对位置之前,所述方法还包括: 判断所述弹出框是否全部显示在所述网页界面的可见区域内, 其中,如果判断出所述弹出框未全部显示在所述网页界面的可见区域内,则调整所述弹出框与所述网页界面的相对位置。
4.根据权利要求3所述的网页弹出框定位方法,其特征在于, 判断所述弹出框是否全部显示在所述网页界面的可见区域内包括:判断所述弹出框的左上角是否显示在所述网页界面的可见区域内;和/或判断所述弹出框的右下角是否显示在所述网页界面的可见区域内,其中,所述弹出框为矩形弹出框, 如果判断出所述弹出框未全部显示在所述网页界面的可见区域内,则调整所述弹出框与所述网页界面的相对位置包括:如果判断出所述弹出框的左上角和/或右下角未显示在所述网页界面的可见区域内,则获取所述网页界面的可见区域的大小;获取所述弹出框实际显示的大小;获取所述弹出框的旧位置;以及根据所述网页界面的可见区域的大小和所述弹出框实际显示的大小和所述弹出框的旧位置,确定所述弹出框的新位置。
5.根据权利要求4所述的网页弹出框定位方法,其特征在于, 获取所述网页界面的可见区域的大小包括:获取所述网页界面的可见区域的长度和所述网页界面的可见区域的高度, 获取所述弹出框实际显示的大小包括:获取所述弹出框实际显示的长度和所述弹出框实际显示的高度, 获取所述弹出框的旧位置包括:获取所述弹出框的左上角的旧坐标和/或右下角的旧坐标, 根据所述网页界面的可见区域的大小和所述弹出框实际显示的大小和所述弹出框的旧位置,确定所述弹出框的新位置包括:根据所述网页界面的可见区域的长度和所述网页界面的可见区域的高度和所述弹出框实际显示的长度和所述弹出框实际显示的高度和所述弹出框的左上角的旧坐标和/或右下角的旧坐标,确定所述弹出框的左上角的新坐标和/或右下角的新坐标, 其中,所述弹出框的左上角的新坐标通过以下公式计算得到: 所述弹出框的左上角的新坐标=所述网页界面的可见区域的长度-所述弹出框的左上角的旧坐标-所述弹出框实际显示的长度, 所述弹出框的左上角的新坐标=所述网页界面的可见区域的高度-所述弹出框的左上角的旧坐标-所述弹出框实际显示的高度。
6.根据权利要求5所述的网页弹出框定位方法,其特征在于,获取所述弹出框实际显示的长度和所述弹出框实际显示的高度包括: 获取第一子弹出框的左上角坐标; 获取第二子弹出框的左上角坐标, 其中,所述第一子弹出框和所述第二子弹出框分别设置在所述弹出框的左上角和所述弹出框的右下角,并且所述第一子弹出框和所述第二子弹出框的大小均为Opx ; 根据所述第一子弹出框的左上角坐标和第二子弹出框的左上角坐标,确定所述弹出框实际显示的长度和所述弹出框实际显示的高度,其中,所述弹出框实际显示的长度和所述弹出框实际显示的高度通过以下公式计算得到: 所述弹出框实际显示的长度=所述第二子弹出框的左上角坐标-所述第一子弹出框的左上角坐标, 所述弹出框实际显示的高度=所述第二子弹出框的左上角坐标-所述第一子弹出框的左上角坐标。
7.—种网页弹出框定位装置,其特征在于,包括: 第一检测单元,用于检测网页弹出框在网页界面上所处的位置;以及调整单元,用于根据所述弹出框在所述网页界面上所处的位置调整所述弹出框与所述网页界面的相对位置以使所述弹出框始终位于所述网页界面的可见区域内。
8.根据权利要求7所述的网页弹出框定位装置,其特征在于,还包括: 第二检测单元,用于检测所述网页界面的可见区域是否变化, 其中,所述调整单元还用于如果检测出所述网页界面的可见区域发生变化,则调整所述弹出框与所述网页界面的相对位置。
9.根据权利要求8所述的网页弹出框定位装置,其特征在于,还包括: 判断单元,用于判断所述弹出框是否全部显示在所述网页界面的可见区域内, 其中,所述调整单元还用于如果判断出所述弹出框未全部显示在所述网页界面的可见区域内,则调整所述弹出框与所述网页界面的相对位置。
10.根据权利要求9所述的网页弹出框定位装置,其特征在于, 所述判断单元包括:第一判断模块,用于判断所述弹出框的左上角是否显示在所述网页界面的可见区域内;和/或第二判断模块,用于判断所述弹出框的右下角是否显示在所述网页界面的可见区域内,其中,所述弹出框为矩形弹出框, 所述调整单元包括:第一获取模块,用于如果判断出所述弹出框的左上角和/或右下角未显示在所述网页界面的可见区域内,则获取所述网页界面的可见区域的大小;第二获取模块,用于获取所述弹出框实际显示的大小;第三获取模块,用于获取所述弹出框的旧位置;以及确定模块,用于根据所述网页界面的可见区域的大小和所述弹出框实际显示的大小和所述弹出框的旧位置,确定所述弹出框的新位置。
11.根据权利要求10所述的网页弹出框定位装置,其特征在于, 所述第一获取模块还用于获取所述网页界面的可见区域的长度和所述网页界面的可见区域的高度,所述第二获取模块还用于获取所述弹出框实际显示的长度和所述弹出框实际显示的高度,所述第三获取模块还用于获取所述弹出框的左上角的旧坐标和/或右下角的旧坐标,所述确定模块还用于根据所述网页界面的可见区域的长度和所述网页界面的可见区域的高度和所述弹出框实际显示的长度和所述弹出框实际显示的高度和所述弹出框的左上角的旧坐标和/或右下角的旧坐标,确定所述弹出框的左上角的新坐标和/或右下角的新坐标, 其中,所述弹出框的左上角的新坐标通过以下公式计算得到: 所述弹出框的左上角的新坐标=所述网页界面的可见区域的长度-所述弹出框的左上角的旧坐标-所述弹出框实际显示的长度, 所述弹出框的左上角的新坐标=所述网页界面的可见区域的高度-所述弹出框的左上角的旧坐标-所述弹出框实际显示的高度。
12.根据权利要求11所述的网页弹出框定位装置,其特征在于,所述第二获取模块包括: 第一获取子模块,用于获取第一子弹出框的左上角坐标; 第二获取子模块,用于获取第二子弹出框的左上角坐标, 其中,所述第一子弹出框和所述第二子弹出框分别设置在所述弹出框的左上角和所述弹出框的右下角,并且所述第一子弹出框和所述第二子弹出框的大小均为Opx ; 确定子模块,用于根据所述第一子弹出框的左上角坐标和第二子弹出框的左上角坐标,确定所述弹出框实际显示的长度和所述弹出框实际显示的高度,其中,所述弹出框实际显示的长度和所述弹出框实际显示的高度通过以下公式计算得到: 所述弹出框实际显示的长度=所述第二子弹出框的左上角坐标-所述第一子弹出框的左上角坐标, 所述弹出框实际显示的高度=所述第二子弹出框的左上角坐标-所述第一子弹出框的左上角坐标。
【文档编号】G06F3/0481GK103530026SQ201310533409
【公开日】2014年1月22日 申请日期:2013年10月31日 优先权日:2013年10月31日
【发明者】朱磬 申请人:北京国双科技有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1