CN102281315A - 一种在网页上实现的滚动条安全同步的方法及系统 - Google Patents

Abstract

本发明提供了一种在网页上实现的滚动条安全同步的方法及系统，本发明的技术方案如下：通讯服务器对接收的源用户发送的滚动条操作信息指令的权限进行认证并在认证通过后，对被同步用户接收所述滚动条操作信息指令的权限进行认证并在认证通过后，将所述滚动条操作信息发送至被同步用户。本发明实现了无需下载安装软件即可实现滚动条安全同步。

Description

一种在网页上实现的滚动条安全同步的方法及系统

技术领域

本发明属于网络技术领域，尤其涉及一种在网页上实现的滚动条安全同步的方法及系统。

背景技术

互联网技术的发展使我们可以足不出户就实现了即时通讯，与好友聊天，与合作伙伴谈判等等。目前，基于需要下载安装的即时通讯工具，如MSN，QQ，网易泡泡已经深受大家的喜爱，它为人们的沟通、信息交流提供了新的途径，是除了手机、固话、电子邮件之外的又一种重要的信息交流方式。借助这些工具，用户可以实现单人或者多人视频，可以召开网络视频会议，可以进行网络远程教育，还可以让人和人之间的交流成本大大降低，且提高了效率。

文本通讯、音频通讯、视频通讯是即时通讯最重要的三大功能。随着商业信息化的飞速发展，人们利用互联网进行商务交流也逐步普及，如演示论文成果、企业计划书、难题解决方案书等，借助电子白板演示文件往往不能完整地展现给他人观看，基本上都要借助滚动条展示全文。

现行具备内容演示功能的产品比较多，演示文件内容均可同步至其他用户，但当演示者拉动滚动条时，其他参与人员的滚动条很难实现同步，所呈现的文件内容区域也不同；现有软件即使是实现同步，但是需要下载安装，对硬件、费用等都有一定的要求；同时，现有的解决方案中的同步信息是被动接受，不能在主观上进行认证控制，会导致出现用户所操作跟事实不一致现象。

发明内容

本发明提供了一种在网页上实现的滚动条安全同步的方法及系统，实现了无需下载安装软件即可实现滚动条安全同步。

本发明的技术方案如下：

通讯服务器对接收的源用户发送的滚动条操作信息指令的权限进行认证并在认证通过后，对被同步用户接收所述滚动条操作信息指令的权限进行认证并在认证通过后，将所述滚动条操作信息发送至被同步用户。

本发明提供了一种在网页上实现的滚动条安全同步的方法及系统，实现了无需下载安装软件即可实现滚动条安全同步。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明的流程图；

图2是本发明的实现原理图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明的技术方案，包括以下步骤：

1)源用户在网页区域进行操作，将所述滚动条操作信息记录到数组变量中，其中，所述滚动条操作信息包括但不限于：滚动区域的滚动条高度、宽度；详细的过程为：源用户在网页区域进行操作，当鼠标按住滚动条并开始移动时，记录所滚动区域的滚动条高度到数组变量中，当鼠标弹起时停止记录；

2)在记录的同时，程序定时从数组变量中获取n条记录，通过调用Flash的Socket接口发送消息至通讯服务器，并从数组中清除这n条记录；

3)通讯服务器接收到消息指令后，进行认证，认证包括但不限于：源用户身份认证、数据指令权限认证(源用户是否有发送该指令的权限)、源用户指令所操作目标权限认证(源用户指令能否访问目标用户的权限)、目标用户对源用户指令权限认证(目标用户是否具有接受源用户指令的权限)，所有认证通过后，通讯服务器将消息发送到被同步用户即目标用户；

4)被同步用户Flash收到消息后，通过程序解析消息得到传递过来的滚动条高度值，并将被同步区域的滚动条高度设置成这个高度值，便实现滚动同步。

本发明的实现原理如下：

用户打开网页时，加载Flash插件，Flash插件使用XMLSocket类自动建立与服务器连接，用于发送和接收滚动条同步消息；

用户在网页区域进行操作，当鼠标按住滚动条并开始移动时，记录所滚动区域的滚动条高度到网页JavaScript数组变量中，当鼠标弹起时停止记录；

在记录的过程中，网页定时使用JavaScript从数组变量中获取n条记录，并使用JavaScript调用Flash接口并传入这n条记录；Flash使用XMLSocket类将传递过来的n条记录组装成消息发送到通讯服务器；并使用JavaScript从数组变量中清除这n条记录；

通讯服务器接收到滚动条同步消息数据后，进行认证，详细的认证过程如下：

对源用户身份进行认证，即源用户是否是通讯服务器所识别的合法用户，若认证不通过，则同步操作中止；若认证通过，继续进行下一步认证；对源用户的数据指令权限进行认证，即源用户是否拥有滚动条同步的权限，若认证不通过，则同步操作中止，认证通过，继续进行下一步认证；对源用户指令所操作目标进行权限认证，即源用户是否拥有将数据指令发送给其它被同步用户的权限，若认证不通过，则同步操作中止，认证通过，继续进行下一步认证；目标用户对源用户指令权限认证，即对目标用户是否允许接收源用户所同步的数据消息指令进行认证，若认证不通过，则同步操作中止，认证通过后，通讯服务器将滚动条同步消息发送到被同步用户；

被同步用户打开时，加载Flash插件，Flash插件使用XMLSocket类自动建立与服务器的连接，用于发送和接收滚动条同步信息；当源用户发送消息成功后，被同步用户便可收到这条消息，通过Flash的XML类及字符串处理函数对收到的消息进行处理，获得传递过来的滚动条高度；Flash使用ExternalInterface类的call函数调用JavaScript函数，传入解析出的滚动条高度，JavaScript再通过改变滚动区域的scrollTop值来改变滚动区域的滚动条位置，实现滚动条的同步。

图1是本发明的流程图，详细说明如下：

步骤101：源用户在网页区域进行操作，当鼠标按住滚动条并开始移动时，记录所滚动区域的滚动条高度到数组变量中，当鼠标弹起时停止记录；

上述技术方案中，其中步骤包含如下过程：

1a)用户打开网页时，加载Flash插件，Flash插件使用XMLSocket类自动建立与通讯服务器连接，用于发送和接收滚动条同步消息；

1b)用户在网页区域进行操作，当鼠标按住滚动条并开始移动时，记录所滚动区域的滚动条高度到网页JavaScript数组变量中，当鼠标弹起时停止记录。

步骤102：在记录的同时，程序定时从数组变量中获取n条记录，通过调用Flash的Socket接口发送消息通讯服务器，并从数组中清除这n条记录；

上述技术方案中，其中步骤包含如下过程：

2a)在记录的过程中，网页定时使用JavaScript从数组变量中获取n条记录，并使用JavaScript调用Flash接口并传入这n条记录；

2b)Flash使用XMLSocket类将传递过来的n条记录组装成消息发送到通讯服务器。

2c)并使用JavaScript从数组变量中清除这n条记录。

步骤103：通讯服务器接收到消息后，对消息数据进行认证，认证包括但不限于：源用户身份认证、数据指令权限认证、源用户指令所操作目标权限认证、目标用户对源用户指令权限认证，所有认证通过后，通讯服务器将消息发送到被同步用户。

上述技术方案中，其中步骤包含如下过程：

3a)通讯服务器接收到滚动条同步消息数据后，对源用户身份进行认证，即源用户是否是通讯服务器所识别的合法用户，否则将拒绝发送和接收消息，若认证不通过，则同步操作中止，认证通过继续进行下一步认证；

3b)对源用户的数据指令权限进行认证，即源用户是否拥有滚动条同步的权限，否则将拒绝发送和接收滚动条同步消息，若认证不通过，则同步操作中止，认证通过，继续进行下一步认证；

3c)对源用户指令所操作目标进行权限认证，即源用户是否拥有将数据指令发送给其它被同步端的权限，否则将拒绝发送和接收滚动条同步消息，若认证不通过，则同步操作中止，认证通过，继续进行下一步认证；

3d)目标用户对源用户指令权限认证，即对目标用户是否允许接收源用户所同步的数据消息指令进行认证，若认证不通过，则同步操作中止，认证通过后，通讯服务器将滚动条同步消息发送到被同步用户。

步骤104：被同步用户Flash收到消息后，通过程序解析消息得到传递过来的滚动条高度值，并将被同步区域的滚动条高度设置成这个高度值，便实现滚动同步。

上述技术方案中，其中步骤包含如下过程：

4a)被同步用户打开时，加载Flash插件，Flash插件使用XMLSocket类自动建立与通讯服务器的连接，用于发送和接收滚动条同步信息；

4b)当源用户发送消息成功后，被同步用户便可收到这条消息，通过Flash的XML类及字符串处理函数对收到的消息进行处理，获得传递过来的滚动条高度；

4c)Flash使用ExternalInterface类的call函数调用JavaScript函数，传入解析出的滚动条高度，JavaScript再通过改变滚动区域的scrollTop值来改变滚动区域的滚动条位置，实现滚动条的同步。

图2是本发明的实现与原理图，详细说明如下：

用户A，用户B，用户C打开网页，网页自动加载Flash插件，Flash插件建立与通讯服务器的永久链接，开始监听通讯服务器数据传输；

用户A在网页区域进行操作，当鼠标按住滚动条并开始移动时，记录所滚动区域的滚动条高度到数组变量中，当鼠标弹起时停止记录；

在记录的同时，程序定时从数组变量中获取n条记录，通过调用Flash的Socket接口发送消息到通讯服务器，并从数组中清除这n条记录；

通讯服务器接收到消息后，对消息数据进行认证，认证包括但不限于：源用户身份认证、数据指令权限认证、源用户指令所操作目标权限认证、目标用户对源用户指令权限认证，所有认证通过后，通讯服务器将消息发送到被同步用户即用户B，用户C；

被同步用户Flash收到消息后，通过程序解析消息得到传递过来的滚动条高度值，并将被同步区域的滚动条高度设置成这个高度值，便实现滚动同步。

注：用户B，C，以及用户A，B，C任意两个或者三个同时更新滚动条操作信息，滚动条同步认证的过程都同上。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种在网页上实现的滚动条安全同步的方法，其特征在于：

通讯服务器对接收的源用户发送滚动条操作信息指令的权限进行认证并在认证通过后，对被同步用户接收所述滚动条操作信息指令的权限进行认证并在认证通过后，将所述滚动条操作信息发送至被同步用户。

2.根据权利要求1所述的方法，其特征在于：通讯服务器对接收的源用户发送滚动条操作信息指令的权限进行认证之前，还包括对源用户的身份进行认证。

3.根据权利要求1所述的方法，其特征在于：通讯服务器对源用户发送滚动条操作信息指令的权限进行认证并在认证通过后，还对源用户滚动条操作信息指令所操作目标进行权限认证，即源用户是否拥有将滚动条操作信息指令发送给其它被同步用户的权限。

4.根据权利要求1所述的方法，其特征在于：通讯服务器对源用户发送滚动条操作信息指令的权限进行认证之前，还包括：

源用户在网页区域进行操作，将所述滚动条操作信息记录到数组变量中，其中，所述滚动条操作信息包括但不限于：滚动区域的滚动条高度、宽度。

5.根据权利要求4所述的方法，其特征在于：源用户将从所述数组变量中获取的所述滚动条操作信息，通过调用Flash的Socket接口发送消息至所述通讯服务器，并从数组中清除所述滚动条操作信息。

6.根据权利要求5所述的方法，其特征在于：被同步用户Flash收到消息后，通过程序解析消息得到传递过来的滚动条高度值，并将被同步区域的滚动条高度设置成所述传递过来的滚动条高度值，实现滚动条同步。

7.一种在网页上实现的滚动条同步的系统，其特征在于：该系统包括：源用户、通讯服务器、被同步用户，其中：

所述通讯服务器对接收的源用户发送滚动条操作信息指令的权限进行认证并在认证通过后，对被同步用户接收所述滚动条操作信息指令的权限进行认证并在认证通过后，将所述滚动条操作信息发送至被同步用户。

8.根据权利要求7所述的系统，其特征在于：所述通讯服务器对接收的源用户发送滚动条操作信息指令的权限进行认证之前，还包括对源用户的身份进行认证。

9.根据权利要求7所述的系统，其特征在于：所述通讯服务器对接收的源用户发送滚动条操作信息指令的权限进行认证并在认证通过后，还对源用户滚动条操作信息指令所操作目标进行权限认证，即源用户是否拥有将滚动条操作信息指令发送给其它被同步用户的权限。

10.根据权利要求7所述的系统，其特征在于：所述通讯服务器对接收的源用户发送滚动条操作信息指令的权限进行认证之前，还包括：源用户在网页区域进行操作，将所述滚动条操作信息记录到数组变量中，其中，所述滚动条操作信息包括但不限于：滚动区域的滚动条高度、宽度。

Images