CN101216857B - 网页区块剪取、合并的方法 - Google Patents

Abstract

本发明名称是网页区块剪取、合并的方法，属于网络技术领域。要解决的技术问题是：提供一种网页区块剪取、合并的方法。技术方案：一种网页区块剪取、合并的方法。本发明提供一种有效的将用户随意拖拉鼠标后选取的网页区块进行剪取、合并的方法，其中剪取的区块随原网页的更新而实时同步更新。方法是先在客户端输入一个或多个网址，通过网页区块选择子系统给各个子页面的网页内容增加鼠标事件，用户通过鼠标拖拉从各个子页面选取要剪取的区块，然后由网页区块合并子系统将用户选中的区块都合并到用户的个人门户，完成页面的设置。本发明可以让用户在自己的个人门户就可以浏览所需的网络资源，方便的引进第三方服务，大大提高了用户的网络使用效率。

Description

网页区块剪取、合并的方法

技术领域

本发明属于网络技术领域，具体属于一种网页区块剪取、合并的方法。

背景技术

因特网时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，使得我们获取信息比以往更加的方便且内容丰富。同时，因特网迅速地在世界各国普及，信息采集和传播的速度达到了空前的水平。据统计，因特网上的主页目前已经达到1.3亿页，并且正在以每天10万页、近2000万个单词的速度递增。汹涌而来的信息让人们无所适从，难以抵挡。信息时代在给人们提供了大量机会的同时，也带来了严峻的问题和挑战。网页上的信息形形色色，我们每个人上网时，对因特网上感兴趣的内容各不相同，即使同一个网站，每个人真正感兴趣的版块内容也不尽相同。为了获得感兴趣的信息，人们往往打开很多的网站，或者从一个网站跳到另一个网站。这样做的结果是浪费了大量的时间和精力，又要接受海量无关信息的冲击。其实，我们每个人但就个人根本就不需要整个互联网的信息，我们每个人真正需要的是某些网页的某部分区块的信息而已，但是如何将那些感兴趣的网页区块有选择地剪取、合并和实时更新使用，是每个网络用户都非常关心的问题。现在一般的剪取方式包括使用屏幕打印键(print screen)进行全屏拷贝，或者利用一些工具软件比如即时聊天工具QQ，它带有剪取当前屏幕的图片的工具，提供对当前全屏区域的任意区域进行有选择性的剪取，但是这些方法使用起来都不方便，剪取的仅仅是网页内容的静态图片，不能动态实时更新，更不能解决将从不同网页上剪取下来的内容合并在一起的问题。而我们现在用的网址收藏夹，也就仅仅提供了各个网址的链接，我们要查看多个网页的内容还是要各自打开各个链接进去，而不能从一处直接浏览多个网页的相关内容，更谈不上将不同网页不同区块内容的合并。另外，最近出来的网页内容选取技术(一种根据对网页内容各自编号，然后用户端选取某一编号的网页内容)提供了用户可以选择网页内容的机会，但是该技术对于无编号的区域无法选取，并且选取的内容大小用户无法自己规定，用户能选择的区域都是技术提供者事先规定的，并且，在原网页的编号改变的情况下就会有所选取内容无法更新的烦恼。

发明内容

本发明所要解决的技术问题是：提供一种可将一个或多个网页的任意区块剪取、合并的方法。

为了解决上述技术问题，本发明采用以下的技术方案：一种网页区块剪取、合并的方法，包括以下步骤：

1)客户端输入一个或多个网址，根据网址的个数在客户端生成对应的各个显示网页内容的子页面；

2)客户端给每个子页面增加用于记录用户选择的区块信息的HTML元素，给该HTML元素增加鼠标事件，用户通过鼠标拖拉选取各个子页面的区块内容；

3)客户端再次获取各个网址的区块内容，合并至新生成的窗口。

其中步骤1)包含如下过程：1a)客户端输入一个或多个网址，检查网址是否合法，若检查结果合法，继续下一步，否则提示重新输入网址；1b)根据网址的个数生成相应个数的子页面，并给每个子页面赋予一个网址，每个子页面分别独立请求服务器，获取相应网址的网页内容。

其中步骤3)包含如下过程：3a)客户端收集用户选取的区块的大小尺寸、该区块在页面中的位置和所对应的网址、该网址对应的网页的页面尺寸组成一个数据，将该数据发送至服务器存入数据库，并分配窗口编号；3b)客户端访问数据库获取数据库中记录的区块尺寸、位置和网址对应的网页的尺寸、位置信息，生成由子页面iframe元素和其他HTML元素组成的嵌套结构的HTML代码，设置子页面为相对定位，设置子页面iframe父对象的大小为所记录的区块的尺寸大小，设置子页面iframe为绝对定位，设置子页面iframe的大小为网址所对应的网页的页面尺寸，设置子页面的位置到所记录的区块的位置，然后将该HTML代码添加到分配的窗口中；3c)重复步骤3b)，直至所有区块添加完毕。

本发明与现有技术相比具有以下的优点：

(1)可以把任意一个或多个网页的区块根据用户需要把一到多个区块合并到一个阅读窗口，无需打开原网页就可以直接阅读，真正把用户所关注的所有内容合并使用，大大节省了用户的时间；

(2)能多窗口多任务拖拉，对于生活和工作有合理的统筹安排，可以同时关注新闻咨询、写博客、听音乐等等或者其他的只要用户需要的；

(3)客户端任何剪取的内容都由服务器随时获取最新网页后再筛选出来的，随原网页同步实时更新，起到网络内容直播的作用，用户不管时间地点，无需对定制内容进行新旧比较，确保都是最新的；

(4)不改变原网页该区块的风格和布局，只是部分的展示而已，用户的体验感很好。

附图说明

图1、图2是本发明的详细流程图。

具体实施方式

一种网页区块剪取、合并的方法，包括以下步骤：

1)客户端输入一个或多个网址，根据网址的个数在客户端生成对应的各个显示网页内容的子页面；

2)客户端给每个子一面增加一个用于记录用户选择的区块信息的HTML元素；2b)给该HTML元素增加鼠标事件，用户通过鼠标拖拉选取各个子页面的区块内容；

3)客户端收集用户选取的区块的大小尺寸、该区块在页面中的位置和所对应的网址、该网址对应的网页的页面尺寸组成一个数据，将该数据发送至服务器存入数据库，并分配窗口编号；

4)客户端访问数据库获取数据库中记录的区块尺寸、位置和网址、网址对应的网页的页面尺寸；

5)生成由子页面iframe元素和其他HTML元素组成的嵌套结构的HTML代码。设置子页面iframe为相对定位。设置子页面iframe父对象的大小为所记录的区块的尺寸大小，设置子页面iframe为绝对定位，设置子页面iframe的大小为网址所对应的网页的尺寸，设置子页面的位置为所记录的区块的位置，然后将该HTML代码添加到分配的窗口中；

6)重复步骤5)直到所有记录的区块添加完毕。

下面进一步详细说明本发明所述的方法：

参见图1、图2，在用户端输入一个或多个网址，用逗号或者空格分开，向后台服务器发出请求，由服务器端程序分析输入的网址字符串，统计出网址个数，并检查网址是否合法，若检查结果合法，继续下一步，否则提示重新输入网址；服务器根据网址的个数生成相应个数的子页面，并将javascript程序代码和用于记录用户选择的区块信息的HTML元素(以下简称区块元素)嵌入每个子页面，在文档加载完毕时，给页面增加鼠标事件，具体是：客户端Javascript程序为文档节点对象(如：document对象)添加鼠标的onmousedown、onmousemove和onmouseup事件。用户通过鼠标拖拉选取各个子页面的区块信息，鼠标拖过区域，用区块信息的HTML元素覆盖。客户端Javascript程序记录区块元素的尺寸、该区块在页面中的位置和区块元素所在的网址及该网址对应的网页的页面尺寸信息组成一个有序的字符串数据，将该数据发送至服务器存入数据库，并分配窗口编号。客户端请求服务器获取数据库中记录的区块数据，包括区块的尺寸、位置和区块对应的网址、该网址对应的网页的页面尺寸，然后创建窗口，将该区块数据转换为数组变量，获取数组变量第一个变量的区块的尺寸、位置和区块对应的网址、该网址对应的网页的页面尺寸，生成由子页面iframe元素和其他HTML元素组成的嵌套结构的HTML代码。设置该子页面为相对定位。设置子页面的父对象的大小为所记录的区块的尺寸大小，设置该子页面iframe为绝对定位，设置该子页面iframe的大小为该网址所对应的网页的页面尺寸大小，设置该子页面的位置为所记录的区块的位置。然后将该HTML代码添加至分配的窗口中；然后将数组变量第一个单元清空，客户端脚本javascript程序检查数组变量的长度，如果数组变量的长度值不为0，继续获取数组变量第二个单元的区块的尺寸、位置和区块对应的网址、该网址对应的网页的页面尺寸信息，生成相应的HTML代码，添加至同一个分配的窗口中，不断重复，直至数组变量的长度值为0，即所有区块添加完毕。

Claims (4)

1.一种网页区块剪取、合并的方法，包括以下步骤：

1)客户端输入一个或多个网址，根据网址的个数在客户端生成对应的各个显示网页内容的子页面；

2)客户端给每个子页面增加用于记录用户选择的区块信息的HTML元素，给该HTML元素增加鼠标事件，用户通过鼠标拖拉选取各个子页面的区块内容；

3)客户端再次获取各个网址的区块内容，合并至新生成的窗口。

2.如权利要求1所述的一种网页区块剪取、合并的方法，其特征在于；其中步骤1)包含如下过程：1a)客户端输入一个或多个网址，检查网址是否合法，若检查结果合法，继续下一步，否则提示重新输入网址；1b)根据网址的个数生成相应个数的子页面，并给每个子页面赋予一个网址，每个子页面分别独立请求服务器，获取相应网址的网页内容。

3.如权利要求1所述的一种网页区块剪取、合并的方法，其特征在于；其中步骤3)包含如下过程：3a)客户端收集用户选取的区块的大小尺寸、位置和所对应的网址、该网址对应的网页的页面尺寸组成一个数据，将该数据发送至服务器存入数据库，并分配窗口编号；3b)客户端访问数据库获取数据库中记录的区块尺寸、位置和网址对应的网页的尺寸、位置信息，生成由子页面iframe元素和其他HTML元素组成的嵌套结构的HTML代码，设置子页面为相对定位，设置子页面iframe父对象的大小为所记录的区块的尺寸大小，设置子页面iframe为绝对定位，设置子页面iframe的大小为网址所对应的网页的页面尺寸，设置子页面的位置到所记录的区块的位置，然后将该HTML代码添加到分配的窗口中；3c)重复步骤3b)，直至所有区块添加完毕。

4.如权利要求1所述的一种网页区块剪取、合并的方法，其特征在于；通过鼠标的拖动改变区块信息的HTML元素的大小和位置选取待剪取的网页区块。

Images