CN104714797A - 一键式封闭web页面的方法 - Google Patents
一键式封闭web页面的方法 Download PDFInfo
- Publication number
- CN104714797A CN104714797A CN201410365781.4A CN201410365781A CN104714797A CN 104714797 A CN104714797 A CN 104714797A CN 201410365781 A CN201410365781 A CN 201410365781A CN 104714797 A CN104714797 A CN 104714797A
- Authority
- CN
- China
- Prior art keywords
- container
- event
- closing
- web page
- closed
- 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
Landscapes
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种一键式封闭WEB页面的方法,包括如下步骤:A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性;B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。本发明能够对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。
Description
技术领域:
本发明涉及网络可视化编辑技术,特别是涉及在WEB页面上能够精确地对页面内容的边缘进行整齐的裁切以精确配合浏览器窗口的一键式封闭WEB页面的方法。
背景技术:
在浏览器中动态可视化编辑WEB页面的过程中,由于可能存在大量自绘的矢量图形及其它各种复杂元素,而且鼠标定位很难精确的将所有边沿控制到完全一致,因而可能导致整个页面的边缘参差不齐,而且和浏览器窗口无法精确配合,导致出现不适宜的滚动条。而浏览器没有提供任何优化其边缘显示的功能,这为WEB页面设计者带来了很大的不便。
“一键式封闭WEB页面”解决了这一问题。使用该方法,用户只要一次点击,即可将页面全部内容纳入一个统一的容器,同时为该容器添加鼠标事件,使其可以动态地被移动和改变尺寸。该容器隐藏所有超出范围的像素,因此,通过对该容器位置的移动及尺寸的修改,就可以对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。
发明内容:
本发明解决现有技术在页面编辑者编辑后造成整个页面的边缘参差不齐,而且和浏览器窗口无法精确配合的技术问题,提供一种方法,能够对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。
本发明方法包括如下步骤:
A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性。
B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。
技术效果:
本发明由于在服务器中预先建立接受封闭请求的服务器脚本,当客户端发出封闭请求时,触发一键式封闭事件,服务器接收该请求并执行服务器脚本。这样使用者就可以通过对该容器位置的移动及尺寸的修改,对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。
具体实施方式:
下面结合实施例详细说明本发明方法。
本发明方法包括如下步骤:
A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,而位于容器内的内容不受到任何影响,且容器是透明的,也就是说,容器对WEB页面的实时编辑不影响,但容器外的内容暂时被隐藏。同时还为该容器添加位置的移动和尺寸的修改属性,以调整容器的大小和位置,使其与浏览器窗口的尺寸相吻合。这样可以以通过对该容器位置的移动及尺寸的修改,对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。容器的采用防止了整个页面的边缘参差不齐,能与浏览器窗口实现精确配合,不会出现不适宜的滚动条。
B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。这样,就可用鼠标点击实现对内容页面边缘准确裁切及边缘与浏览器窗口的精确配合。
Claims (1)
1.一键式封闭WEB页面的方法,包括如下步骤:
A、在服务器中预先建立接收封闭请求的服务器脚本,且所述服务器脚本建立如下机制:在接收到封闭请求后,系统将页面全部内容纳入一个统一的容器,该容器隐藏所有超出容器范围的像素,并为该容器添加位置的移动和尺寸的修改属性;
B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410365781.4A CN104714797A (zh) | 2013-12-12 | 2014-07-29 | 一键式封闭web页面的方法 |
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013106855564 | 2013-12-12 | ||
CN201310685556 | 2013-12-12 | ||
CN201410365781.4A CN104714797A (zh) | 2013-12-12 | 2014-07-29 | 一键式封闭web页面的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104714797A true CN104714797A (zh) | 2015-06-17 |
Family
ID=53414176
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410365781.4A Pending CN104714797A (zh) | 2013-12-12 | 2014-07-29 | 一键式封闭web页面的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104714797A (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6295542B1 (en) * | 1998-10-02 | 2001-09-25 | National Power Plc | Method and apparatus for cross-referencing text |
CN1607522A (zh) * | 2003-10-15 | 2005-04-20 | 佳能株式会社 | 用于创建和编辑可变数据文档的用户界面 |
CN101079061A (zh) * | 2007-04-09 | 2007-11-28 | 腾讯科技(深圳)有限公司 | 一种网页截屏系统及其实现方法 |
CN101261642A (zh) * | 2008-04-10 | 2008-09-10 | 深圳市迅雷网络技术有限公司 | 一种调整互联网页面布局的方法及装置 |
CN101499099A (zh) * | 2009-03-23 | 2009-08-05 | 深圳市金蝶中间件有限公司 | 一种web页面布局的方法及系统 |
CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
CN103150745A (zh) * | 2011-12-06 | 2013-06-12 | 腾讯科技(深圳)有限公司 | 在线编辑图片的方法和装置 |
-
2014
- 2014-07-29 CN CN201410365781.4A patent/CN104714797A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6295542B1 (en) * | 1998-10-02 | 2001-09-25 | National Power Plc | Method and apparatus for cross-referencing text |
CN1607522A (zh) * | 2003-10-15 | 2005-04-20 | 佳能株式会社 | 用于创建和编辑可变数据文档的用户界面 |
CN101079061A (zh) * | 2007-04-09 | 2007-11-28 | 腾讯科技(深圳)有限公司 | 一种网页截屏系统及其实现方法 |
CN101261642A (zh) * | 2008-04-10 | 2008-09-10 | 深圳市迅雷网络技术有限公司 | 一种调整互联网页面布局的方法及装置 |
CN101499099A (zh) * | 2009-03-23 | 2009-08-05 | 深圳市金蝶中间件有限公司 | 一种web页面布局的方法及系统 |
CN103150745A (zh) * | 2011-12-06 | 2013-06-12 | 腾讯科技(深圳)有限公司 | 在线编辑图片的方法和装置 |
CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
Non-Patent Citations (1)
Title |
---|
佚名: "溢出超出DIV边框的内容自动隐藏方法", 《HTTPS://WEB.ARCHIVE.ORG/WEB/20130302181530/HTTP://WWW.DIVCSS5.COM/WENJI/W415.SHTML》 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2015042079A3 (en) | Providing visualizations for conversations | |
TW200604920A (en) | Window split system and method, and computer readable medium and application program interface thereof | |
WO2014130484A4 (en) | Link association analysis systems and methods | |
TW200741492A (en) | Provisioning a portlet viewer for viewing drag-and-drop content in a portal environment | |
CN104503755B (zh) | 基于html5高清位图的动态信息融合展现方法 | |
EP4307295A3 (en) | Server and method for controlling server | |
GB2491751A (en) | Method of optimizing the interaction between a software application and a database server or other kind of remote data source | |
CN102364460B (zh) | 基于移动终端的页面自动放大方法和系统 | |
WO2009043009A3 (en) | Auto-generation and syndication of tables as forms | |
WO2014200840A3 (en) | Application/document collaboration in a multi-device environment | |
WO2014150250A3 (en) | Method and apparatus for substitution scheme for anonymizing personally identifiable information | |
WO2013155440A3 (en) | Method, web server and web browser of providing information | |
WO2012012142A3 (en) | Data access during data recovery | |
JP2007304976A5 (zh) | ||
WO2010011565A3 (en) | Presenting dynamic grids | |
WO2006071324A3 (en) | Imroved bitmask access for managing blog content | |
WO2013102927A3 (en) | Generic device attributes for sensing devices | |
WO2018209106A3 (en) | System and method for the capture of mobile behavior, usage, or content exposure | |
WO2017071177A1 (zh) | 锁屏信息流的展示方法及装置 | |
WO2019200927A1 (zh) | 书写速度的控制方法和装置 | |
CN104714797A (zh) | 一键式封闭web页面的方法 | |
EP2840500A3 (en) | Information processing terminal and control method | |
IL227332B (en) | System and method for automatically generating network traffic decoding patterns | |
CN106055342A (zh) | 一种dojango下使用第三方Form扩展组件的方法 | |
Kowarik et al. | Interactive adjustment and outlier detection of time dependent data in R |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150617 |