书签 分享 收藏 举报 版权申诉 / 9

一种实现滚动条同步的方法.pdf

  • 上传人:r7
  • 文档编号:1040980
  • 上传时间:2018-03-27
  • 格式:PDF
  • 页数:9
  • 大小:445.61KB
  • 摘要
    申请专利号:

    CN201110060004.5

    申请日:

    2011.03.14

    公开号:

    CN102314471A

    公开日:

    2012.01.11

    当前法律状态:

    撤回

    有效性:

    无权

    法律详情:

    发明专利申请公布后的视为撤回IPC(主分类):G06F 17/30申请公布日:20120111|||实质审查的生效IPC(主分类):G06F 17/30申请日:20110314|||公开

    IPC分类号:

    G06F17/30; G06F3/048

    主分类号:

    G06F17/30

    申请人:

    苏州阔地网络科技有限公司

    发明人:

    胡加明

    地址:

    215121 江苏省苏州工业园区葑亭大道666号唯亭智能产业园8楼

    优先权:

    2010.09.17 CN 201010291097.8

    专利代理机构:

    代理人:

    PDF完整版下载: PDF下载
    内容摘要

    本发明属于网络技术领域,具体涉及一种实现滚动条同步的方法,包括以下步骤:用户在网页区域进行操作,当鼠标按住滚动条并开始移动时,记录所滚动区域滚动条的高度到数组变量中,当鼠标弹起时停止记录,同时程序定时从数组变量中获取n条记录通过调用Flash的Socket接口发送到其它需要同步的网页端,并从数组中清除这n条记录,被同步网页端收到消息,把滚动区域的滚动条高度值设置成对消息解析所得到的高度值,便实现滚动条的同步。此方法可快速对网页中的滚动条进行同步,具有很强的及时性、准确性、高效性。

    权利要求书

    1: 一种实现滚动条同步的方法, 其特征在于, 包括以下步骤 : 1) 用户在网页区域进行操作, 当鼠标按住滚动条并开始移动时, 记录所滚动区域的滚 动条高度到数组变量中, 当鼠标弹起时停止记录 ; 2) 在记录的过程中同时, 程序定时从数组变量中获取 n 条记录, 通过调用 Flash 的 Socket 接口发送消息到其它需要同步网页端, 并从数组中清除这 n 条记录 ; 3) 被同步网页端 Flash 收到消息后, 通过程序解析消息得到传递过来的滚动条高度 值, 并将被同步区域的滚动条高度设置成这个高度值, 便实现滚动同步。
    2: 如权利要求 1 所述的方法, 其特征在于, 其中步骤 1) 包含如下过程 : 1a) 用户打开网页时, 加载 Flash 插件, Flash 插件使用 XMLSocket 类自动建立与服务 器连接, 用于发送和接收滚动条同步消息 ; 1b) 用户在网页区域进行操作, 当鼠标按住滚动条并开始移动时, 记录所滚动区域的滚 动条高度到网页 JavaScript 数组变量中, 当鼠标弹起时停止记录。
    3: 如权利要求 1 所述的方法, 其特征在于, 其中步骤 2) 包含如下过程 : 2a) 在记录的过程中, 网页定时使用 JavaScript 从数组变量中获取 n 条记录, 并使用 JavaScript 调用 Flash 接口并传入这 n 条记录 ; 2b)Flash 使用 XMLSocket 类将传递过来的 n 条记录组装成消息发送到其它需要同步的 网页端 ; 2c) 并使用 JavaScript 从数组变量中清除这 n 条记录。
    4: 如权利要求 1 所述的方法, 其特征在于, 其中步骤 3) 包含如下过程 : 3a) 被同步网页端打开时, 加载 Flash 插件, Flash 插件使用 XMLSocket 类自动建立与 服务器的连接, 用于发送和接收滚动条同步信息 ; 3b) 当同步端发送消息成功后, 被同步网页端便可收到这条消息, 通过 Flash 的 XML 类 及字符串处理函数对收到的消息进行处理, 获得传递过来的滚动条高度 ; 3c)Flash 使用 ExternalInterface 类的 call 函数调用 JavaScript 函数, 传入解析出 的滚动条高度, JavaScript 再通过改变滚动区域的 scrollTop 值来改变滚动区域的滚动条 位置, 实现滚动条的同步。
    5: 一种实现滚动条同步的方法, 其特征在于 : 用户将选择的滚动区域的滚动信息通过 服务器发送给被同步网页端 ; 所述被同步网页端通过解析所述滚动信息, 实现滚动同步。
    6: 根据权利要求 5 所述的方法, 其特征在于 : 所述用户在网页区域进行操作, 当鼠标按 住滚动条并开始移动时, 记录所滚动区域的滚动条高度到数组变量中, 当鼠标弹起时停止 记录。
    7: 根据权利要求 6 所述的方法, 其特征在于 : 在记录的过程中同时, 程序定时从所述数 组变量中获取 n 条记录, 通过调用 Flash 的 Socket 接口发送消息到所述被同步网页端, 并 从数组中清除这 n 条记录。
    8: 根据权利要求 7 所述的方法, 其特征在于 : 所述被同步网页端 Flash 收到消息后, 通 过程序解析消息得到传递过来的滚动条高度值, 并将被同步区域的滚动条高度设置成所述 高度值, 实现滚动条同步。
    9: 根据权利要求 6 所述的方法, 其特征在于 : 所述用户在网页区域进行操作, 当鼠标按 住滚动条并开始移动时, 记录所滚动区域的滚动条高度到数组变量中, 当鼠标弹起时停止 2 记录的过程为 : 所述用户打开网页时, 加载 Flash 插件, 所述 Flash 插件使用 XMLSocket 类 自动建立与服务器连接, 用于发送和接收滚动条同步消息 ; 所述用户在网页区域进行操作, 当鼠标按住滚动条并开始移动时, 记录所滚动区域的滚动条高度到网页 JavaScript 数组 变量中, 当鼠标弹起时停止记录。
    10: 根据权利要求 7 所述的方法, 其特征在于 : 在记录的过程中同时, 程序定时从所述 数组变量中获取 n 条记录, 通过调用 Flash 的 Socket 接口发送消息到所述被同步网页端, 并从数组中清除这 n 条记录的过程为 : 在记录的过程中, 网页定时使用 JavaScript 从数 组变量中获取 n 条记录, 并使用 JavaScript 调用 Flash 接口并传入所述 n 条记录 ; Flash 使用 XMLSocket 类将传递过来的所述 n 条记录组装成消息发送到被同步网页端 ; 并使用 JavaScript 从数组变量中清除这 n 条记录。

    说明书


    一种实现滚动条同步的方法

        【技术领域】
         本发明属于网络技术领域, 尤其涉及一种实现滚动条同步的方法。背景技术 互联网技术的发展使我们可以足不出户就实现了即时通讯, 与好友聊天, 与合作 伙伴谈判等等。目前, 基于需要下载安装的即时通讯工具, 如 MSN, QQ, 网易泡泡已经深受大 家的喜爱, 它为人们的沟通、 信息交流提供了新的途径, 是除了手机、 固话、 电子邮件之外的 又一种重要的信息交流方式。 借助这些工具, 用户可以实现单人或者多人视频, 可以召开网 络视频会议, 可以进行网络远程教育, 还可以让人和人之间的交流成本大大降低, 且提高了 效率。
         文本通讯、 音频通讯、 视频通讯是即时通讯最重要的三大功能。 随着商业信息化的 飞速发展, 人们利用互联网进行商务交流也逐步普及, 如演示论文成果、 企业计划书、 难题 解决方案书等, 借助电子白板演示文件往往不能完整地展现给他人观看, 基本上都要借助
         滚动条展示全文。
         现行具备内容演示功能的产品比较多, 演示文件内容均可同步至其他用户, 但当 演示者拉动滚动条时, 其他参与人员的滚动条无法同步, 所呈现的文件内容区域也不同, 这 样就会造成信息获取的偏差, 影响的交流的效果。 而且, 这些软件均需下载安装, 对硬件、 费 用等都有一定的要求。 发明内容
         本发明提供了一种实现滚动条同步的方法, 实现了无需下载任何控件, 网页上滚 动条同步。
         为达到上述目的, 本发明的技术方案为 :
         一种网页上实现滚动条同步的方法, 包括以下步骤 :
         1) 用户在网页区域进行操作, 当鼠标按住滚动条并开始移动时, 记录所滚动区域 的滚动条高度到数组变量中, 当鼠标弹起时停止记录 ;
         2) 在记录的过程中同时, 程序定时从数组变量中获取 n 条记录, 通过调用 Flash 的 Socket 接口发送消息到其它需要同步网页端, 并从数组中清除这 n 条记录 ;
         3) 被同步网页端 Flash 收到消息后, 通过程序解析消息得到传递过来的滚动条高 度值, 并将被同步区域的滚动条高度设置成这个高度值, 便实现滚动同步。
         上述技术方案中, 其中步骤 1) 包含如下过程 :
         1a) 用户打开网页时, 加载 Flash 插件, Flash 插件使用 XMLSocket 类自动建立与 服务器连接, 用于发送和接收滚动条同步消息 ;
         1b) 用户在网页区域进行操作, 当鼠标按住滚动条并开始移动时, 记录所滚动区域 的滚动条高度到网页 JavaScript 数组变量中, 当鼠标弹起时停止记录。
         上述技术方案中, 其中步骤 2) 包含如下过程 :2a) 在记录的过程中, 网页定时使用 JavaScript 从数组变量中获取 n 条记录, 并使 用 JavaScript 调用 Flash 接口并传入这 n 条记录 ;
         2b)Flash 使用 XMLSocket 类将传递过来的 n 条记录组装成消息发送到其它需要同 步的网页端 ;
         2c) 并使用 JavaScript 从数组变量中清除这 n 条记录。
         上述技术方案中, 其中步骤 3) 包含如下过程 :
         3a 被同步网页端打开时, 加载 Flash 插件, Flash 插件使用 XMLSocket 类自动建立 与服务器的连接, 用于发送和接收滚动条同步信息 ;
         3b) 当同步端发送消息成功后, 被同步网页端便可收到这条消息, 通过 Flash 的 XML 类及字符串处理函数对收到的消息进行处理, 获得传递过来的滚动条高度 ;
         3c)Flash 使用 ExternalInterface 类的 call 函数调用 JavaScript 函数, 传入解 析出的滚动条高度, JavaScript 再通过改变滚动区域的 scrollTop 值来改变滚动区域的滚 动条位置, 实现滚动条的同步。
         本发明与现有技术相比具有以下的优点 :
         1) 不需要下载任何控件, 即可在网页上滚动条的同步。
         2) 同步端和被同步端的滚动条一模一样, 从而保证了内容在显示上的一致性, 而 且同步及时、 高效。
         3) 对软、 硬件要求比较低, 能够很方便嵌入其它系统中进行应用。
         4) 技术实现简单、 思路清晰, 运用门槛低, 技术上很容易普及和被接受。
         一种网页上实现滚动条同步的方法, 旨在解决网页上滚动条同步的问题 ; 该发明 无需下载任何控件、 高速高效、 方便实用 ; 完全在网页上即可实现, 是一种真正意义上能够 普及大众的技术, 并且实现原理简单, 能够很方便地嵌入各种网络会议、 远程教育等应用 中。 附图说明 此处所说明的附图用来提供对本发明的进一步理解, 构成本申请的一部分, 本发 明的示意性实施例及其说明用于解释本发明, 并不构成对本发明的不当限定。在附图中 :
         图 1 是本发明实施例 1 的详细流程图 ;
         图 2 是本发明实施例 2 的详细流程图。
         具体实施方式
         以下将参考附图并结合实施例来详细说明本发明。需要说明的是, 在不冲突的情 况下, 本申请中的实施例及实施例中的特征可以相互组合。
         一种网页上实现滚动条同步的方法, 包括以下步骤 :
         1) 用户在网页区域进行操作, 当鼠标按住滚动条并开始移动时, 记录所滚动区域 的滚动条高度到数组变量中, 当鼠标弹起时停止记录 ;
         2) 在记录的过程中, 同时程序定时从数组变量中获取 n 条记录, 通过调用 Flash 的 Socket 接口发送消息到其它需要同步网页端, 并从数组中清除这 n 条记录 ;
         3) 被同步网页端 Flash 收到消息后, 通过程序解析消息得到传递过来的滚动条高度值, 并将被同步区域的滚动条高度设置成这个高度值, 便实现滚动同步。
         下面进一步详细说明本发明所述的方法 :
         参见说明书附图中的附图 1、 附图 2, 用户打开网页时, 加载 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 是本发明实施例 1 的详细流程图, 详细步骤如下 :
         步骤 101 : 开始 ;
         步骤 102 : 用户在网页区域进行操作 ;
         步骤 103 : 鼠标按住滚动条开始移动时, 记录滚动条高度到数据变量 ;
         步骤 104 : 鼠标弹起时停止记录 ;
         步骤 105 : 结束 ;
         步骤 106 : 程序定时获取 n 条坐标记录通过 Flash 的 Socket 接口发送到其它需要 同步的网页端, 并清除这 n 条数据 ;
         步骤 107 : 开始 ;
         步骤 108 : 用户打开网页, 查看内容 ;
         步骤 109 : 网页收到 Socket 消息, 通过处理改变滚动区域滚动条高度 ;
         步骤 110 : 结束。
         图 2 是本发明实施例 2 的详细流程图, 详细步骤如下 :
         步骤 201 : 开始 ;
         步骤 202 : 用户打开网页 ;
         步骤 203 : 加载 Flash 插件, 使用 XMLSocket 类建立与服务器连接 ;
         步骤 204 : 用户在网页区域进行操作 ;
         步骤 205 : 鼠标按住滚动条开始移动时, 记录滚动条高度到数据变量 ;
         步骤 206 : 鼠标弹起时停止记录 ;
         步骤 207 : 结束 ;
         步骤 208 : JavaScript 定时获取 n 条坐标记录, 调用 Flash 接口进行数据组装, Flash 使用 XMLSocket 类发送数据到其它需要同步的网页端, 并清除这 n 条数据 ;
         步骤 209 : 开始 ;
         步骤 210 : 用户打开网页 ;
         步骤 211 : 加载 Flash 插件, 使用 XMLSocket 类建立与服务器连接 ;
         步骤 212 : 网页收到 Socket 消息, 通过处理改变, 网页滚动区域滚动条高度 ;
         步骤 213 : 结束。
         显然, 本领域的技术人员应该明白, 上述的本发明的各步骤可以用通用的计算装 置来实现, 它们可以集中在单个的计算装置上, 或者分布在多个计算装置所组成的网络上, 可选地, 它们可以用计算装置可执行的程序代码来实现, 从而, 可以将它们存储在存储装置 中由计算装置来执行, 并且在某些情况下, 可以以不同于此处的顺序执行所示出或描述的 步骤, 或者将它们分别制作成各个集成电路模块, 或者将它们中的多个模块或步骤制作成 单个集成电路模块来实现。这样, 本发明不限制于任何特定的硬件和软件结合。
         以上所述仅为本发明的优选实施例而已, 并不用于限制本发明, 对于本领域的技 术人员来说, 本发明可以有各种更改和变化。 凡在本发明的精神和原则之内, 所作的任何修 改、 等同替换、 改进等, 均应包含在本发明的保护范围之内。

    关 键  词:
    一种 实现 滚动 同步 方法
      专利查询网所有文档均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:一种实现滚动条同步的方法.pdf
    链接地址:https://www.zhuanlichaxun.net/p-1040980.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2017-2018 zhuanlichaxun.net网站版权所有
    经营许可证编号:粤ICP备2021068784号-1