一键式封闭WEB页面的方法技术

技术编号:11629005 阅读:69 留言:0更新日期:2015-06-18 20:51
本发明专利技术涉及一种一键式封闭WEB页面的方法,包括如下步骤:A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性;B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。本发明专利技术能够对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。

【技术实现步骤摘要】

:本专利技术涉及网络可视化编辑技术,特别是涉及在WEB页面上能够精确地对页面内容的边缘进行整齐的裁切以精确配合浏览器窗口的一键式封闭WEB页面的方法
技术介绍
:在浏览器中动态可视化编辑WEB页面的过程中,由于可能存在大量自绘的矢量图形及其它各种复杂元素,而且鼠标定位很难精确的将所有边沿控制到完全一致,因而可能导致整个页面的边缘参差不齐,而且和浏览器窗口无法精确配合,导致出现不适宜的滚动条。而浏览器没有提供任何优化其边缘显示的功能,这为WEB页面设计者带来了很大的不便。“一键式封闭WEB页面”解决了这一问题。使用该方法,用户只要一次点击,即可将页面全部内容纳入一个统一的容器,同时为该容器添加鼠标事件,使其可以动态地被移动和改变尺寸。该容器隐藏所有超出范围的像素,因此,通过对该容器位置的移动及尺寸的修改,就可以对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。
技术实现思路
:本专利技术解决现有技术在页面编辑者编辑后造成整个页面的边缘参差不齐,而且和浏览器窗口无法精确配合的技术问题,提供一种方法,能够对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。本专利技术方法包括如下步骤:A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性。B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。技术效果:本专利技术由于在服务器中预先建立接受封闭请求的服务器脚本,当客户端发出封闭请求时,触发一键式封闭事件,服务器接收该请求并执行服务器脚本。这样使用者就可以通过对该容器位置的移动及尺寸的修改,对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。【具体实施方式】:下面结合实施例详细说明本专利技术方法。本专利技术方法包括如下步骤:A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,而位于容器内的内容不受到任何影响,且容器是透明的,也就是说,容器对WEB页面的实时编辑不影响,但容器外的内容暂时被隐藏。同时还为该容器添加位置的移动和尺寸的修改属性,以调整容器的大小和位置,使其与浏览器窗口的尺寸相吻合。这样可以以通过对该容器位置的移动及尺寸的修改,对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。容器的采用防止了整个页面的边缘参差不齐,能与浏览器窗口实现精确配合,不会出现不适宜的滚动条。B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。这样,就可用鼠标点击实现对内容页面边缘准确裁切及边缘与浏览器窗口的精确配合。【主权项】1.一键式封闭WEB页面的方法,包括如下步骤: A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性; B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。【专利摘要】本专利技术涉及一种一键式封闭WEB页面的方法,包括如下步骤:A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性;B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。本专利技术能够对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。【IPC分类】G06F9-44【公开号】CN104714797【申请号】CN201410365781【专利技术人】施霞虹 【申请人】南宁市磁汇科技有限公司【公开日】2015年6月17日【申请日】2014年7月29日本文档来自技高网...

【技术保护点】
一键式封闭WEB页面的方法,包括如下步骤:A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性;B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。

【技术特征摘要】
...

【专利技术属性】
技术研发人员:施霞虹
申请(专利权)人:南宁市磁汇科技有限公司
类型:发明
国别省市:广西;45

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1