[发明专利]一种调整网页中栏框的方法及装置

说明书

技术领域

本发明涉及计算机领域，特别是涉及调整网页中栏框的方法及装置。

背景技术

随着互联网的发展，个人网页、博客和个人空间等服务得到了广泛的应用。这些业务的特点是主要面向普通用户，所以需要向用户提供网页形式的模版，便于普通用户得到个性化的服务。但是目前向用户提供的模版是固定的，用户只能从备选的几个模版中选择一种，参见图1所示，模版中的栏框大小及数目均不可调。

现有技术之一是办公软件中的文本编辑工具WORD，其中使用了标尺和游标，参见图2所示，其游标的作用是限制可编辑页面的大小。并且，WORD中的标尺是在确定页面的大小后以厘米的形式确定页面的大小。以及，由于受到网页协议的限制，通过WORD中的标尺及游标调整页面大小的方法不能直接应用在调整网页中栏框的方法。

现有技术之二是网页设计中的框架结构(称frame)，框架结构中的框的大小可根据鼠标事件自动调节，但是采用框架结构的页面是一种复合页面，即包含框架结构的页面是主页面，每个框中必须嵌入一个页面(即子页面)，所以一个复合页面至少由一个主页面和一个子页面构成。该方法中通过鼠标对框的调整相当于对页面大小的调整，不能直接应用于单一页面中的栏框调整，并且该方法无法改变栏框的数目。

发明内容

本发明实施例提供一种调整网页中栏框的方法及装置，用于实现单一网页中栏框大小的调整。

一种调整网页中栏框的方法，在单一页面中设置有栏框，并且将所述页面设置为自适应调整状态，以及所述方法包括以下步骤：

通过浏览器监听鼠标事件，并获知鼠标拖动的栏框及拖动后该栏框边界在所述页面的位置；

根据拖动后所述栏框边界的位置，调整该栏框在所述页面中的大小。

一种用于调整网页中栏框的装置，所述网页为单一页面且处于自适应调整状态，以及所述装置包括：

监听模块，用于通过浏览器监听鼠标事件，并获知鼠标拖动的栏框及拖动后该栏框边界在所述页面的位置；

处理模块，用于根据拖动后该栏框边界的位置，调整该栏框在所述页面中的大小。

本发明实施例通过监听鼠标事件来确定对单一页面中栏框的调整，实现了用户可任意调整栏宽和栏高。

附图说明

图1为现有技术中提供的模板的示意图；

图2为现有技术中WORD标尺的示意图；

图3为本发明实施例中调整栏框的主要方法流程图；

图4为本发明实施例中页面实例的示意图；

图5为本发明实施例中关于监听鼠标过程的详细方法流程图；

图6为本发明实施例中关于隐藏或输出文字过程的详细方法流程图；

图7为本发明实施例中关于隐藏图片的示意图；

图8为本发明实施例中关于调整以删除栏框的详细方法流程图；

图9为本发明实施例中关于调整以增加栏框的详细方法流程图；

图10为本发明实施例中增加栏框后的示意图；

图11为本发明实施例中通过游标调整栏框的详细方法流程图；

图12为本发明实施例中采用标尺的模板的示意图；

图13为本发明实施例中通过游标增加栏框的详细方法流程图；

图14为本发明实施例中装置的结构图。

具体实施方式

本发明实施例通过鼠标调整单一网页中的栏框，根据通过浏览器监听到的鼠标事件确定栏框调整后的大小或位置，实现栏框大小的可调。

本发明实施例中的网页是基于web协议的单一页面。栏框是一种用于划分区域的矩形框，具体如表格(table)或块文字(可称DIV，一种以块为控制单元的结构)等。所述的矩形框构成了栏框的边界。栏框的宽度(简称栏宽)是指栏框在水平方向上的长度，栏框的高度(简称栏高)是指栏框在竖直方向上的长度。由于网页的实际大小与显示器的分辨率及显示窗体的大小有关，所以网页设计中通常使用百分比来确定大小，即页面的宽和高均为100％。

参见图3，本实施例中调整栏框的主要方法流程如下：

预先在单一页面中设置至少一个栏框，并且将所述页面设置为自适应调整状态，具体可通过样式(CSS)实现自适应调整。

步骤301：用户通过浏览器浏览网页，并通过鼠标对网页中的栏框及内容(包括文字、图片和图像等)进行编辑。

步骤302：通过浏览器监听鼠标事件。鼠标事件包括鼠标的位置、移动鼠标、拖动鼠标、松开鼠标、单击选择键(通常为左键)和单击属性键(通常为右键)等。

步骤303：根据监听到的鼠标事件获知鼠标拖动的栏框及拖动后该栏框边界在所述页面中的位置。