[發明專利]一種調整網頁中欄框的方法及裝置

有效

• 申請號: 200710181572.4
• 申請日: 2007-10-23
• 公開（公告）號: CN101140496A
• 公開（公告）日: 2008-03-12
• 發明（設計）人: 陳志敏;楊建軍
• 申請（專利權）人: 深圳市迅雷網絡技術有限公司
• 主分類號: G06F3/048
• 分類號: G06F3/048;G06F17/30
• 代理公司: 北京同達信恒知識產權代理有限公司
• 代理人: 劉松

技術領域

本發明涉及計算機領域，特別是涉及調整網頁中欄框的方法及裝置。

背景技術

隨著互聯網的發展，個人網頁、博客和個人空間等服務得到了廣泛的應用。這些業務的特點是主要面向普通用戶，所以需要向用戶提供網頁形式的模版，便于普通用戶得到個性化的服務。但是目前向用戶提供的模版是固定的，用戶只能從備選的幾個模版中選擇一種，參見圖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：根據監聽到的鼠標事件獲知鼠標拖動的欄框及拖動后該欄框邊界在所述頁面中的位置。