CN104461309A - 基于拖拽操作跨页面调整对象位置的方法和装置 - Google Patents
基于拖拽操作跨页面调整对象位置的方法和装置 Download PDFInfo
- Publication number
- CN104461309A CN104461309A CN201410835124.1A CN201410835124A CN104461309A CN 104461309 A CN104461309 A CN 104461309A CN 201410835124 A CN201410835124 A CN 201410835124A CN 104461309 A CN104461309 A CN 104461309A
- Authority
- CN
- China
- Prior art keywords
- page
- destination object
- drag operation
- relevant information
- regulating
- 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
Classifications
-
- 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/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/0486—Drag-and-drop
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种基于拖拽操作跨页面调整对象位置的方法和装置,包括:检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面;根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时隐藏第一页面中的目标对象。本发明提供了跨页面间的目标对象拖拽的解决方案,用户可通过拖拽操作在不同页面之间对目标对象进行位置调整,实现了用户跨页面的个性化页面设置,满足不同用户的不同操作习惯及需求,同时为用户提供了实用便利的可视化拖拽操作体验。
Description
技术领域
本发明涉及计算机技术领域,具体而言,本发明涉及基于拖拽操作跨页面调整对象位置的方法和装置。
背景技术
网页是构成网站的基本元素,是承载各种网站应用的平台。网页存放在与互联网相连的网络设备(如服务器)中。网页经由URL(Uniform/Universal Resource Locator,统一资源定位符)来识别与存取,当用户在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到用户所在的计算机,然后再通过浏览器解释网页的内容,并展示在用户眼前。
在实际的应用中,对于同一页面,可通过拖拽来对目标对象进行位置调整,以实现用户对于网页的个性化设置,从而满足不同用户的不同操作习惯及需求。然而,上述技术效果无法在跨页面的目标对象调整中实现。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于拖拽操作跨页面调整对象位置的方法,包括:
检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;
基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面;
根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时隐藏第一页面中的目标对象。
本发明还提供了一种基于拖拽操作跨页面调整对象位置的装置,包括:
对象信息确定模块,用于检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;
传递模块,用于基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面;
显示模块,用于根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时隐藏第一页面中的目标对象。
本实施例中,通过页面间通信实现了将第一页面中的目标对象拖拽至第二页面进行显示,提供了跨页面间的目标对象拖拽的解决方案,用户可通过拖拽操作在不同页面之间对目标对象进行位置调整,达成从第一页面拖拽对象到第二页面的平滑过渡视觉效果,实现了用户跨页面的个性化页面设置,满足不同用户的不同操作习惯及需求,同时为用户提供了实用便利的可视化拖拽操作体验。
本发明附加的方面和优点将在下面的描述中部分给出,这些将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1为本发明中基于拖拽操作跨页面调整对象位置的方法一个实施例的流程示意图;
图2为本发明中基于拖拽操作跨页面调整对象位置的装置一个实施例的结构示意图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能解释为对本发明的限制。
本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
本技术领域技术人员可以理解,除非另外定义,这里使用的所有术语(包括技术术语和科学术语),具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是,诸如通用字典中定义的那些术语,应该被理解为具有与现有技术的上下文中的意义一致的意义,并且除非像这里一样被特定定义,否则不会用理想化或过于正式的含义来解释。
为了实现用户对于网页的个性化设置,允许通过简单操作(如拖拽)来对不同页面中的目标对象进行位置调整,从而满足不同用户的不同操作习惯及需求,本发明的实施例提供了一种基于拖拽操作跨页面调整对象位置的方法和装置。
图1为本发明中基于拖拽操作跨页面调整对象位置的方法一个实施例的流程图。
根据本发明的方法包括由用户设备执行的步骤S110、步骤S120和步骤S130。
其中,所述用户设备包括但不限于任何一种可与用户通过键盘、鼠标、遥控器、触摸板、或声控设备等方式进行人机交互的电子产品,例如,个人计算机、平板电脑、智能手机、PDA等。
步骤S110:检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;
步骤S120:基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面;以及
步骤S130:根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时隐藏第一页面中的目标对象。
本实施例中,通过页面间通信实现了将第一页面中的目标对象拖拽至第二页面进行显示,提供了跨页面间的目标对象拖拽的解决方案,用户可通过拖拽操作在不同页面之间对目标对象进行位置调整,达成从第一页面拖拽对象到第二页面的平滑过渡视觉效果,实现了用户跨页面的个性化页面设置,满足不同用户的不同操作习惯及需求,同时为用户提供了实用便利的可视化拖拽操作体验。
具体地,在步骤S110中,检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息。
其中,目标对象包括页面中展示的元素,包括但不限于选中的文字、超级链接、图片、多媒体信息、功能按键等。
检测拖拽操作的具体方式可为:通过预定的判断规则确定用户是否进行拖拽操作,其中,判断规则可以为拖拽距离大于预设的距离,和/或拖拽时间大于预设的时间。
检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作的具体方式可为:通过检测鼠标的移动操作,实时地确定鼠标拖拽过程中鼠标按下的拖拽起点坐标及鼠标到达第一页面边缘的边缘坐标,若检测到鼠标到达第一页面边缘的第一边缘坐标时未执行鼠标释放操作,且持续执行拖拽操作,并持续拖拽至到达第二页面边缘进入第二页面,确定进入第二页面时第二页面边缘的边缘坐标,随后,当检测到鼠标在第二页面中执行释放操作时,确定拖拽释放落点的拖拽落点坐标。若确定的位置坐标可是相对于屏幕的坐标,则计算拖拽落点坐标与拖拽起点坐标之间的差值,即确定拖拽后坐标与拖拽前坐标的偏移值,通过计算拖拽前目标对象的坐标加上该偏移值即为拖拽后目标对象的坐标。若确定的位置坐标是相对于两个页面的坐标,则计算第一页面中拖拽起点坐标至第一边缘坐标的第一拖拽偏移值,第二页面中拖拽落点坐标至第二边缘坐标的第二拖拽偏移值,以及第一页面的第一边缘坐标与第一页面的第二边缘坐标相对于屏幕的差值;进而确定拖拽后目标对象的坐标。
其中,当第一页面及第二页面是基于HTMLiframe的属于同一主页面的子页面时,则第一页面和第二页面通过JavaScript实现页面间通信;在此,一个页面包含一个窗口对象(window),窗口对象包含一个文档对象(document),文档对象包含若干个html dom元素(node)。Node元素(也称节点)也嵌套其他window对象,即iframe节点。当第一页面及第二页面是独立的两个页面,则第一页面和第二页面通过页面服务器实现页面间通信。
在步骤S120中,基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面。
其中,目标对象相关信息包括但不限于:
目标对象的内容数据,如目标对象包括的文字信息、图片信息、功能参数、特征描述等;
目标对象的显示效果参数,如目标对象的显示颜色信息、尺寸信息、视觉样式信息等;
目标对象的网络标识,如目标对象在服务器端的网络标识ID。
当第一页面及第二页面是基于HTMLiframe的属于同一主页面的子页面时,步骤S120(参照图1)包括步骤S121(图中未示出),在步骤S121中,基于HTMLiframe页面通信机制,将目标对象相关信息通过主页面从第一页面传递至第二页面。
具体地,在HTMLiframe框架中,根据iframe中src属性来判断子页面与主页面是同域链接还是跨域链接;例如,当子页面和主页面是同域链接的情况下,基于JavaScript,通过父页面与子页面的相互调用,将目标对象相关信息通过主页面从第一页面传递至第二页面。
其中,父页面调用子页面的方法可通过:FrameName.window.childMethod(),子页面调用父页面的方法可通过:parent.window.parentMethod(),在获取到页面的window.document对象后,即可访问其中的DOM元素。
优选地,步骤S120(参照图1)包括步骤S1201(图中未示出)和步骤S1202(图中未示出)。
在步骤S1201中,依据第二页面确定本地存储的第二页面相关的目录;在步骤S1202中,利用所述第一页面中的、所述第二页面的iframe标签元素接收并将所述目标对象相关信息存储在所述第二页面相关的目录,以供所述第二页面使用。其中,第一页面为源域名页面,第二页面为目标域名页面,且目标对象相关信息指定由第二页面使用。
当第一页面及所述第二页面是独立的两个页面;步骤S120(参照图1)包括步骤S1203(图中未示出),在步骤S1203中,将拖拽相关信息通过网页服务器从第一页面传递至第二页面。
具体地,用户设备向网页服务器发送拖拽信息传递请求,该拖拽信息传递请求包括拖拽相关信息、第一页面标识ID、第二面标识ID、将拖拽相关信息从第一页面传递地第二页面的传递指示等信息;网络服务器接收到该拖拽信息传递请求,向用户设备返回指向第二页面的页面数据更新信息,该页面数据更新信息包括拖拽相关信息;用户设备接收到该页面数据更新信息,通过浏览器将拖拽相关信息传递至第二页面。
在步骤S130中,根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时不显示第一页面中的目标对象。
具体地,根据目标对象相关信息包括的目标对象的内容信息,如文字信息、图片信息、功能参数、特征描述,以及目标对象的显示效果参数,如目标对象的显示颜色信息、尺寸信息、样式信息等,通过JavaScript、CSS等页面技术,在第二页面中创建与目标对象对应的新目标对象,新目标对象的展示效果及功能与目标对象相同;同时,通过将第一页面对应的HTML文件中记录的目标对象的相关参数删除,如,通过JS API中的HTMLElement.remove(),不显示第一页面中的目标对象;或通过CSS页面技术,将目标对象在第一页面的显示属性设置为隐藏,如通过对CSS中display参数设置为none来实现。
优选地,在拖拽过程中,通过检测鼠标的移动操作,在鼠标按下时触发不显示第一页面中的目标对象,并跟随鼠标的移动轨迹,实时地显示跟随鼠标移动的目标对象,直至在鼠标执行释放操作时,在第二页面中创建并显示新目标对象。
在一优选实施例中(参照图1),该方法还包括由用户设备执行的步骤S150(图中为示出)和步骤S160(图中为示出);在步骤S150中,确定拖拽操作结果,其中,拖拽操作结果包括目标对象的网络标识;在步骤S160中,将拖拽操作结果发送至网页服务器,以用于更新第一页面和第二页面。
具体地,用户设备通过读取第二页面的HTML文件,提取其中的新目标对象在第二页面中的位置参数等,确定拖拽操作结果,其中,拖拽操作结果包括目标对象的网络标识;随后,将拖拽操作结果发送至网页服务器,以用于更新第一页面和第二页面;当网页服务器接收到该拖拽操作结果后,根据目标对象的网络标识,将第一页面HTML文件中目标对象相关的数据写入第二页面HTML文件中,并删除第一页面HTML文件中与目标对象相关的数据,更新第一页面和第二页面。
图2为本发明中基于拖拽操作跨页面调整对象位置的装置一个实施例的结构示意图。
本发明的实施例中,基于拖拽操作跨页面调整对象位置的装置包括对象信息确定模块210、传递模块220和显示模块230。
首先,对象信息确定模块210检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;在步骤S120中,基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面;在步骤S130中,根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时隐藏第一页面中的目标对象。
本实施例中,通过页面间通信实现了将第一页面中的目标对象拖拽至第二页面进行显示,提供了跨页面间的目标对象拖拽的解决方案,用户可通过拖拽操作在不同页面之间对目标对象进行位置调整,达成从第一页面拖拽对象到第二页面的平滑过渡视觉效果,实现了用户跨页面的个性化页面设置,满足不同用户的不同操作习惯及需求,同时为用户提供了实用便利的可视化拖拽操作体验。
具体地,对象信息确定模块210检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息。
其中,目标对象包括页面中展示的元素,包括但不限于选中的文字、超级链接、图片、多媒体信息、功能按键等。
检测拖拽操作的具体方式可为:通过预定的判断规则确定用户是否进行拖拽操作,其中,判断规则可以为拖拽距离大于预设的距离,和/或拖拽时间大于预设的时间。
检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作的具体方式可为:通过检测鼠标的移动操作,实时地确定鼠标拖拽过程中鼠标按下的拖拽起点坐标及鼠标到达第一页面边缘的边缘坐标,若检测到鼠标到达第一页面边缘的第一边缘坐标时未执行鼠标释放操作,且持续执行拖拽操作,并持续拖拽至到达第二页面边缘进入第二页面,确定进入第二页面时第二页面边缘的边缘坐标,随后,当检测到鼠标在第二页面中执行释放操作时,确定拖拽释放落点的拖拽落点坐标。若确定的位置坐标可是相对于屏幕的坐标,则计算拖拽落点坐标与拖拽起点坐标之间的差值,即确定拖拽后坐标与拖拽前坐标的偏移值,通过计算拖拽前目标对象的坐标加上该偏移值即为拖拽后目标对象的坐标。若确定的位置坐标是相对于两个页面的坐标,则计算第一页面中拖拽起点坐标至第一边缘坐标的第一拖拽偏移值,第二页面中拖拽落点坐标至第二边缘坐标的第二拖拽偏移值,以及第一页面的第一边缘坐标与第一页面的第二边缘坐标相对于屏幕的差值;进而确定拖拽后目标对象的坐标。
其中,当第一页面及第二页面是基于HTMLiframe的属于同一主页面的子页面时,则第一页面和第二页面通过JavaScript实现页面间通信;在此,一个页面包含一个窗口对象(window),窗口对象包含一个文档对象(document),文档对象包含若干个html dom元素(node)。Node元素(也称节点)也嵌套其他window对象,即iframe节点。当第一页面及第二页面是独立的两个页面,则第一页面和第二页面通过页面服务器实现页面间通信。
传递模块220基于预定的页面间通信方式,将目标对象相关信息从第一页面传递至第二页面。
其中,目标对象相关信息包括但不限于:
目标对象的内容数据,如目标对象包括的文字信息、图片信息、功能参数、特征描述等;
目标对象的显示效果参数,如目标对象的显示颜色信息、尺寸信息、视觉样式信息等;
目标对象的网络标识,如目标对象在服务器端的网络标识ID。
当第一页面及第二页面是基于HTMLiframe的属于同一主页面的子页面时,传递模块220基于HTMLiframe页面通信机制,将目标对象相关信息通过主页面从第一页面传递至第二页面。
具体地,在HTMLiframe框架中,根据iframe中src属性来判断子页面与主页面是同域链接还是跨域链接;例如,当子页面和主页面是同域链接的情况下,基于JavaScript,通过父页面与子页面的相互调用,将目标对象相关信息通过主页面从第一页面传递至第二页面。
其中,父页面调用子页面的方法可通过:FrameName.window.childMethod(),子页面调用父页面的方法可通过:parent.window.parentMethod(),在获取到页面的window.document对象后,即可访问其中的DOM元素。
优选地,传递模块220(参照图2)包括目录查找单元(图中未示出)和信息存储单元(图中未示出)。
目录查找单元,用于依据所述第二页面确定本地存储的第二页面相关的目录;信息存储单元,用于利用所述第一页面中的、所述第二页面的iframe标签元素接收并将所述目标对象相关信息存储在所述第二页面相关的目录,以供所述第二页面使用。其中,第一页面为源域名页面,第二页面为目标域名页面,且目标对象相关信息指定由第二页面使用。
当第一页面及所述第二页面是独立的两个页面;传递模块220将拖拽相关信息通过网页服务器从第一页面传递至第二页面。
具体地,用户设备向网页服务器发送拖拽信息传递请求,该拖拽信息传递请求包括拖拽相关信息、第一页面标识ID、第二面标识ID、将拖拽相关信息从第一页面传递地第二页面的传递指示等信息;网络服务器接收到该拖拽信息传递请求,向用户设备返回指向第二页面的页面数据更新信息,该页面数据更新信息包括拖拽相关信息;用户设备接收到该页面数据更新信息,通过浏览器将拖拽相关信息传递至第二页面。
显示模块220根据目标对象相关信息,在第二页面中创建并显示新目标对象,同时不显示第一页面中的目标对象。
具体地,根据目标对象相关信息包括的目标对象的内容信息,如文字信息、图片信息、功能参数、特征描述,以及目标对象的显示效果参数,如目标对象的显示颜色信息、尺寸信息、样式信息等,通过JavaScript、CSS等页面技术,在第二页面中创建与目标对象对应的新目标对象,新目标对象的展示效果及功能与目标对象相同;同时,通过将第一页面对应的HTML文件中记录的目标对象的相关参数删除,如,通过JS API中的HTMLElement.remove(),不显示第一页面中的目标对象;或通过CSS页面技术,将目标对象在第一页面的显示属性设置为隐藏,如通过对CSS中display参数设置为none来实现。
优选地,在拖拽过程中,通过检测鼠标的移动操作,在鼠标按下时触发不显示第一页面中的目标对象,并跟随鼠标的移动轨迹,实时地显示跟随鼠标移动的目标对象,直至在鼠标执行释放操作时,在第二页面中创建并显示新目标对象。
在一优选实施例中(参照图2),还包括结果确定模块(图中为示出)和发送模块(图中为示出);结果确定模块确定拖拽操作结果,其中,拖拽操作结果包括目标对象的网络标识;随后,发送模块将拖拽操作结果发送至网页服务器,以用于更新第一页面和第二页面。
具体地,结果确定模块通过读取第二页面的HTML文件,提取其中的新目标对象在第二页面中的位置参数等,确定拖拽操作结果,其中,拖拽操作结果包括目标对象的网络标识;随后,发送模块将拖拽操作结果发送至网页服务器,以用于更新第一页面和第二页面;当网页服务器接收到该拖拽操作结果后,根据目标对象的网络标识,将第一页面HTML文件中目标对象相关的数据写入第二页面HTML文件中,并删除第一页面HTML文件中与目标对象相关的数据,更新第一页面和第二页面。
本技术领域技术人员可以理解,本发明包括涉及用于执行本申请中所述操作中的一项或多项的设备。这些设备可以为所需的目的而专门设计和制造,或者也可以包括通用计算机中的已知设备。这些设备具有存储在其内的计算机程序,这些计算机程序选择性地激活或重构。这样的计算机程序可以被存储在设备(例如,计算机)可读介质中或者存储在适于存储电子指令并分别耦联到总线的任何类型的介质中,所述计算机可读介质包括但不限于任何类型的盘(包括软盘、硬盘、光盘、CD-ROM、和磁光盘)、ROM(Read-Only Memory,只读存储器)、RAM(Random Access Memory,随即存储器)、EPROM(Erasable Programmable Read-Only Memory,可擦写可编程只读存储器)、EEPROM(Electrically Erasable ProgrammableRead-Only Memory,电可擦可编程只读存储器)、闪存、磁性卡片或光线卡片。也就是,可读介质包括由设备(例如,计算机)以能够读的形式存储或传输信息的任何介质。
本技术领域技术人员可以理解,可以用计算机程序指令来实现这些结构图和/或框图和/或流图中的每个框以及这些结构图和/或框图和/或流图中的框的组合。本技术领域技术人员可以理解,可以将这些计算机程序指令提供给通用计算机、专业计算机或其他可编程数据处理方法的处理器来实现,从而通过计算机或其他可编程数据处理方法的处理器来执行本发明公开的结构图和/或框图和/或流图的框或多个框中指定的方案。
本技术领域技术人员可以理解,本发明中已经讨论过的各种操作、方法、流程中的步骤、措施、方案可以被交替、更改、组合或删除。进一步地,具有本发明中已经讨论过的各种操作、方法、流程中的其他步骤、措施、方案也可以被交替、更改、重排、分解、组合或删除。进一步地,现有技术中的具有与本发明中公开的各种操作、方法、流程中的步骤、措施、方案也可以被交替、更改、重排、分解、组合或删除。
以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种基于拖拽操作跨页面调整对象位置的方法,其特征在于,包括:
检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;
基于预定的页面间通信方式,将所述目标对象相关信息从所述第一页面传递至所述第二页面;以及
根据所述目标对象相关信息,在所述第二页面中创建并显示新目标对象,同时隐藏所述第一页面中的目标对象。
2.根据权利要求1所述的基于拖拽操作跨页面调整对象位置的方法,其特征在于,所述拖拽操作的具体检测方式包括:
检测到拖拽距离大于预设的距离时,确定用户进行拖拽操作;和/或
检测到拖拽时间大于预设的时间时,确定用户进行拖拽操作。
3.根据权利要求1或2所述的基于拖拽操作跨页面调整对象位置的方法,其特征在于,所述与拖拽相关的目标对象相关信息,包括以下至少任一项内容:
目标对象的内容数据;
目标对象的显示效果参数;
目标对象的网络标识。
4.根据权利要求1-3任一项所述的基于拖拽操作跨页面调整对象位置的方法,其特征在于,所述第一页面及所述第二页面是基于HTMLiframe的属于同一主页面的子页面;
其中,基于预定的页面间通信方式,将所述目标对象相关信息从所述第一页面传递至所述第二页面的步骤进一步包括:
基于HTMLiframe页面通信机制,将所述目标对象相关信息通过所述主页面从所述第一页面传递至所述第二页面。
5.根据权利要求1-4任一项所述的基于拖拽操作跨页面调整对象位置的方法,其特征在于,所述基于预定的页面间通信方式,将所述目标对象相关信息从所述第一页面传递至所述第二页面的步骤进一步包括:
依据所述第二页面确定本地存储的第二页面相关的目录;以及
利用所述第一页面中的、所述第二页面的iframe标签元素接收并将所述目标对象相关信息存储在所述第二页面相关的目录,以供所述第二页面使用。
6.根据权利要求1-5任一项所述的基于拖拽操作跨页面调整对象位置的方法,其特征在于,所述第一页面及所述第二页面是独立的两个页面;
其中,基于预定的页面间通信方式,将所述目标对象相关信息从所述第一页面传递至所述第二页面的步骤进一步包括:
将所述拖拽相关信息通过网页服务器从所述第一页面传递至所述第二页面。
7.根据权利要求1-6任一项所述的基于拖拽操作跨页面调整对象位置的方法,其特征在于,还包括:
确定拖拽操作结果,其中,所述拖拽操作结果包括所述目标对象的网络标识;以及
将所述拖拽操作结果发送至网页服务器,以用于更新所述第一页面和所述第二页面。
8.一种基于拖拽操作跨页面调整对象位置的装置,其特征在于,包括:
对象信息确定模块,用于检测到将第一页面中的目标对象拖拽至第二页面的拖拽操作时,确定与拖拽相关的目标对象相关信息;
传递模块,用于基于预定的页面间通信方式,将所述目标对象相关信息从所述第一页面传递至所述第二页面;以及
显示模块,用于根据所述目标对象相关信息,在所述第二页面中创建并显示新目标对象,同时隐藏所述第一页面中的目标对象。
9.根据权利要求8所述的基于拖拽操作跨页面调整对象位置的装置,其特征在于,所述对象信息确定模块检测所述拖拽操作的具体方式包括:
检测到拖拽距离大于预设的距离时,确定用户进行拖拽操作;和/或
检测到拖拽时间大于预设的时间时,确定用户进行拖拽操作。
10.根据权利要求8或9所述的基于拖拽操作跨页面调整对象位置的装置,其特征在于,拖拽相关信息,包括以下至少任一项内容:
目标对象的内容数据;
目标对象的显示效果参数;
目标对象的网络标识。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410835124.1A CN104461309A (zh) | 2014-12-26 | 2014-12-26 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
PCT/CN2015/095469 WO2016101755A1 (zh) | 2014-12-26 | 2015-11-24 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410835124.1A CN104461309A (zh) | 2014-12-26 | 2014-12-26 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104461309A true CN104461309A (zh) | 2015-03-25 |
Family
ID=52907452
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410835124.1A Pending CN104461309A (zh) | 2014-12-26 | 2014-12-26 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN104461309A (zh) |
WO (1) | WO2016101755A1 (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104932889A (zh) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | 页面可视化生成方法和装置 |
WO2016101755A1 (zh) * | 2014-12-26 | 2016-06-30 | 北京奇虎科技有限公司 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
CN106648282A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 网页中指标的处理方法和装置 |
CN106886521A (zh) * | 2015-12-15 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 跨页面对象的操作方法及装置 |
CN106951523A (zh) * | 2017-03-20 | 2017-07-14 | 北京搜狐新媒体信息技术有限公司 | 一种对象处理方法及系统 |
CN109343776A (zh) * | 2018-08-21 | 2019-02-15 | 北京奇艺世纪科技有限公司 | 一种自定义页面生成方法、装置及终端设备 |
CN109885819A (zh) * | 2019-02-19 | 2019-06-14 | 携程旅游信息技术(上海)有限公司 | 数据表格动态调整方法、系统、设备及存储介质 |
CN111459580A (zh) * | 2019-01-22 | 2020-07-28 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN111949186A (zh) * | 2020-07-20 | 2020-11-17 | 上海淇馥信息技术有限公司 | 一种辅助寻找集群中目标对象的方法、装置和电子设备 |
CN112085852A (zh) * | 2019-05-28 | 2020-12-15 | 贝壳找房(北京)科技有限公司 | 装修前后房屋三维模型同屏显示的方法、装置及系统 |
US11158134B2 (en) | 2019-05-28 | 2021-10-26 | Ke.Com (Beijing) Technology Co., Ltd. | Method, apparatus and storage medium for displaying three-dimensional space view |
CN114153367A (zh) * | 2022-02-10 | 2022-03-08 | 中国电子信息产业集团有限公司 | 快速替代连接关系的交互方法、设备及可读存储介质 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113325977B (zh) * | 2021-05-27 | 2022-06-03 | 天津安捷物联科技股份有限公司 | 一种能源设备关系的动态配置与图谱展现方法 |
CN116522876B (zh) * | 2023-05-08 | 2024-01-09 | 北京中宏立达科技发展有限公司 | 一种实现火狐浏览器网页版pdf文本标注的方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
CN101710268A (zh) * | 2009-12-17 | 2010-05-19 | 深圳华为通信技术有限公司 | 调整页面布局的方法及装置 |
US20100162154A1 (en) * | 2008-12-19 | 2010-06-24 | Yahoo! Inc | Conversion service for data dragged on web-sites |
CN102662600A (zh) * | 2012-04-28 | 2012-09-12 | 北京亿中邮信息技术有限公司 | 一种不同域名下文件相互拖拽的方法 |
CN103500053A (zh) * | 2013-09-04 | 2014-01-08 | 上海软智信息科技有限公司 | 一种跨域数据交互方法和装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104461309A (zh) * | 2014-12-26 | 2015-03-25 | 北京奇虎科技有限公司 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
-
2014
- 2014-12-26 CN CN201410835124.1A patent/CN104461309A/zh active Pending
-
2015
- 2015-11-24 WO PCT/CN2015/095469 patent/WO2016101755A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100162154A1 (en) * | 2008-12-19 | 2010-06-24 | Yahoo! Inc | Conversion service for data dragged on web-sites |
CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
CN101710268A (zh) * | 2009-12-17 | 2010-05-19 | 深圳华为通信技术有限公司 | 调整页面布局的方法及装置 |
CN102662600A (zh) * | 2012-04-28 | 2012-09-12 | 北京亿中邮信息技术有限公司 | 一种不同域名下文件相互拖拽的方法 |
CN103500053A (zh) * | 2013-09-04 | 2014-01-08 | 上海软智信息科技有限公司 | 一种跨域数据交互方法和装置 |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2016101755A1 (zh) * | 2014-12-26 | 2016-06-30 | 北京奇虎科技有限公司 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
CN104932889B (zh) * | 2015-06-15 | 2018-10-09 | 北京奇虎科技有限公司 | 页面可视化生成方法和装置 |
CN104932889A (zh) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | 页面可视化生成方法和装置 |
CN106648282A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 网页中指标的处理方法和装置 |
CN106886521A (zh) * | 2015-12-15 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 跨页面对象的操作方法及装置 |
CN106951523B (zh) * | 2017-03-20 | 2019-12-10 | 北京搜狐新媒体信息技术有限公司 | 一种对象处理方法及系统 |
CN106951523A (zh) * | 2017-03-20 | 2017-07-14 | 北京搜狐新媒体信息技术有限公司 | 一种对象处理方法及系统 |
CN109343776A (zh) * | 2018-08-21 | 2019-02-15 | 北京奇艺世纪科技有限公司 | 一种自定义页面生成方法、装置及终端设备 |
CN111459580A (zh) * | 2019-01-22 | 2020-07-28 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN111459580B (zh) * | 2019-01-22 | 2023-06-20 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN109885819A (zh) * | 2019-02-19 | 2019-06-14 | 携程旅游信息技术(上海)有限公司 | 数据表格动态调整方法、系统、设备及存储介质 |
CN109885819B (zh) * | 2019-02-19 | 2022-12-20 | 携程旅游信息技术(上海)有限公司 | 数据表格动态调整方法、系统、设备及存储介质 |
CN112085852A (zh) * | 2019-05-28 | 2020-12-15 | 贝壳找房(北京)科技有限公司 | 装修前后房屋三维模型同屏显示的方法、装置及系统 |
US11158134B2 (en) | 2019-05-28 | 2021-10-26 | Ke.Com (Beijing) Technology Co., Ltd. | Method, apparatus and storage medium for displaying three-dimensional space view |
US11875460B2 (en) | 2019-05-28 | 2024-01-16 | Ke.Com (Beijing) Technology Co., Ltd. | Method, apparatus and storage medium for displaying three-dimensional space view |
CN111949186A (zh) * | 2020-07-20 | 2020-11-17 | 上海淇馥信息技术有限公司 | 一种辅助寻找集群中目标对象的方法、装置和电子设备 |
CN114153367A (zh) * | 2022-02-10 | 2022-03-08 | 中国电子信息产业集团有限公司 | 快速替代连接关系的交互方法、设备及可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2016101755A1 (zh) | 2016-06-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104461309A (zh) | 基于拖拽操作跨页面调整对象位置的方法和装置 | |
US9990657B2 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
US10115132B2 (en) | Distribution apparatus, a terminal apparatus, and a distribution method for controlling transparency of multiple contents displayed on a display in response to an input operation | |
CA2918840C (en) | Presenting fixed format documents in reflowed format | |
JP2015509236A5 (zh) | ||
CN104267871A (zh) | 一种页面呈现的方法与装置 | |
CN102123195A (zh) | 在通信终端中提供书签服务的设备和方法 | |
US20160018987A1 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
CN104866582A (zh) | 显示页面信息的方法和装置 | |
CA2968974A1 (en) | Navigation control for network clients | |
JP5580924B1 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
US10140265B2 (en) | Apparatuses and methods for phone number processing | |
US20120030005A1 (en) | Method and system for providing advertisements | |
JP2016024659A (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
US20170270215A1 (en) | Navigation control for network clients | |
JP5749819B1 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
JP6162773B2 (ja) | 配信装置、端末装置、配信方法、配信プログラム、端末プログラム及び制御プログラム | |
JP5774661B2 (ja) | 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム | |
JP5616503B1 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
US20170315971A1 (en) | Program for displaying webpage, terminal device, and server device | |
KR101261753B1 (ko) | 전자책 상의 애너테이션을 생성 및 관리하는 방법 및 그 시스템 | |
JP2015099557A (ja) | 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム | |
KR101314850B1 (ko) | 웹페이지 제어 방법 | |
JP6096841B2 (ja) | 表示制御プログラム及び端末装置 | |
KR101618152B1 (ko) | 터치스크린을 구비한 모바일 단말 및 그의 웹 페이지 드래그 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150325 |
|
RJ01 | Rejection of invention patent application after publication |