專利名稱：一種調整互聯(lián)網頁面布局的方法及裝置的制作方法
技術領域：
本發(fā)明涉及互聯(lián)網技術領域，尤其涉及一種調整互聯(lián)網頁面布局的方法及 裝置。
背景技術：
為了增加用戶體現(xiàn)，使用戶可以根據(jù)自己的喜好和習慣，定制互聯(lián)網頁面 的顯示，越來越多的互聯(lián)網開發(fā)商開始提供用戶可定制的互聯(lián)網頁面，目前， 可定制的互聯(lián)網頁面主要體現(xiàn)在用戶可通過對互聯(lián)網頁面中的頁面元素進行 移動從而定制頁面的顯示。目前互聯(lián)網上通常是通過設置模塊元素，將頁面上要顯示內容放入模塊元 素中，通過拖動模塊元素實現(xiàn)對頁面的定制。目前，模塊元素移動一般是在固 定的幾個分欄之間拖動，且分欄和模塊的寬度是固定， 一般都與分欄寬度差不 多，如圖l所示，這種方法將頁面按照水平坐標分成三部分即三個分割，模塊 元素只能在每個分割區(qū)內上下移動，但不能移動到別的分割區(qū)，而且要求每個 模塊元素的寬度不能超過欄目的寬度。在每個分割內每個頁面元素可以上下移 動，但是模塊元素沒有縱坐標的概念，模塊元素按照自上到下的順序排列，即 只能調整每個模塊元素上下的相對位置，不可以控制每個頁面元素的絕對位 置，且在一個欄目內兩個元素不能并排排列。在這種方法中，模塊元素要放到欄目這個單獨的容器內部，并且在每個欄 目內的每個模塊元素按照模塊元素的排列順序排序，不能跨欄目的放置頁面模 塊元素，模塊元素都不能超出模塊容器，可見，這種頁面布局的方法中用戶可 定制的范圍非常小，沒有足夠的個性化空間，無法滿足用戶對頁面定制的更多 需求。發(fā)明內容有鑒于此，本發(fā)明實施例提供一種調整互聯(lián)網頁面布局的方法，用以解決 現(xiàn)有技術中模塊元素只能在固定欄目中上下移動，并對模塊元素的大小進行限 定，從而導致用戶可定制的范圍小，無法滿足用戶對頁面定制的更多需求的問 題。本發(fā)明實施例提供的一種調整互聯(lián)網頁面布局的方法，包括 加載互聯(lián)網頁面，根據(jù)預置的網格的大小和形狀，將所述互聯(lián)網頁面劃分 為網格；接收用戶移動頁面元素的命令，判斷所述頁面元素在用戶指定的目標位置 時，所述頁面元素與所述互聯(lián)網頁面的網格不契合，將所述頁面元素移動到， 與所述目標位置距離最近的網格相契合的位置。本發(fā)明實施例提供的一種調整互聯(lián)網頁面布局的裝置，包括加載單元，用于加載互聯(lián)網頁面，并根據(jù)預置的網格的大小和形狀，將所 述互聯(lián)網頁面劃分為網格；響應單元，用于接收用戶移動頁面元素的命令，判斷所述頁面元素在用戶 指定的目標位置時，所述頁面元素與所述互聯(lián)網頁面的網格不契合時，將所述 頁面元素移動到，與所述目標位置距離最近的網格相契合的位置。本發(fā)明實施例提出的調整互聯(lián)頁面布局的方法對于任意大小的頁面元素 都適用，而且也沒有將頁面元素限定在一個欄目內，每個頁面元素可以在頁面 范圍內上下左右移動，且移動后的目標位置與預先設置的網格相契合，因此， 既可最大限度的滿足用戶定制的需求，又可以限制用戶對頁面元素進行雜亂無 章地移動。


圖1為現(xiàn)有技術中調整互聯(lián)網頁面布局的示意圖；圖2為本發(fā)明實施例中調整互聯(lián)網頁面布局的方法流程圖；圖3為本發(fā)明實施例一的方法流程圖；圖4A為本發(fā)明實施例中網格為方形的一種劃分方式；圖4B為本發(fā)明實施例一中頁面元素移動到目標位置的一種情景示意圖;圖4C為本發(fā)明實施例一中頁面元素移動到最后位置的情景示意圖；圖5為本發(fā)明實施例二的方法流程圖；圖6A為本發(fā)明實施例中網格為三角形的一種劃分方式；圖6B為本發(fā)明實施例二中頁面元素移動到目標位置的一種情景示意圖;圖6 C為本發(fā)明實施例二中頁面元素移動到最后位置的情景示意圖；圖7為本發(fā)明實施例中 一種調整互聯(lián)網頁面布局的裝置的結構示意圖。
具體實施方式
本發(fā)明實施例中，在加載互聯(lián)網頁面時，根據(jù)預置的網格的大小和形狀， 將所述互聯(lián)網頁面劃分為網格，在接收用戶移動頁面元素的命令后，判斷用戶 為其中一個頁面元素指定的目標位置是否與劃分的網格契合，如果不契合，則 將所述頁面元素移動到與該頁面元素距離最近的網格相契合的位置，否則，將 所述頁面元素移動到用戶所指定的目標位置。該方法對頁面元素的大小沒有限 制，而且頁面元素的移動不僅僅局限于一個欄目內的上下移動，用戶可以將頁 面元素上下左右的移動，而且，每次移動后的目標位置與預先劃分的網格相契 合，這樣， 一方面擴展了用戶可定制的范圍，能夠滿足用戶對頁面定制的更多 需求，同時也防止用戶移動后的頁面元素雜亂無章地排列。下面接合說明書附圖對本發(fā)明實施例的具體實施方式
進行說明。如圖2所示，本發(fā)明實施例中調整互聯(lián)網頁面布局的方法流程，主要包括 以下步驟步驟201:加載互聯(lián)網頁面。在加載互聯(lián)網頁面時，根據(jù)保存的該頁面上所述頁面元素的坐標信息，將每個頁面元素放置在該頁面的對應位置，并顯示。步驟202:根據(jù)預置的網格的大小和形狀，將所述互聯(lián)網頁面劃分為網格。 其中，所述網格的大小和形狀是預先設置好的，可以根據(jù)調整頁面元素布 局的精度來設置網格的大小和形狀，可以為網格設置一個數(shù)據(jù)結構，用來存儲 每個網格的像素坐標等信息。其中，網格的形狀包括但不限于方形、三角形、 菱形等。并且，所述網格對于用戶來說可以是不可見的。 步驟203:接收用戶移動頁面元素的命令?；ヂ?lián)網頁面加載后，可以將該頁面中的可以定制的頁面元素設為可移動 的，當用戶選擇其中一個可移動的頁面元素，并發(fā)出移動該頁面元素的命令時， 根據(jù)該命令，可獲得用戶為該頁面元素指定的目標位置。具體實施過程中，用戶可以通過選擇某個頁面元素，將所述頁面元素拖動 到用戶想移動到的目標位置，從而達到移動該頁面元素的目的。步驟204:判斷所述頁面元素在用戶指定的目標位置時，所述頁面元素與 步驟202中劃分的網格是否契合，如果是，則進入步驟207，否則，繼續(xù)步驟 205。在具體實施過程中，可以通過判斷所述頁面元素中的定位元素與所述網才各 中的邊界元素是否重合，從而判斷所述頁面元素與所述網格是否契合。其中，所述定位元素可以為頁面元素邊界上的點，也可以為頁面元素兩條 相交的邊界。并且，當所述定位元素為頁面元素邊界上的點時，所述邊界元素 為網格邊界上的點；當所述定位元素為頁面元素兩條相交的邊界時，所述邊界 元素為網格兩條相交的邊界。步驟205:獲取與所述目標位置距離最近的網格。步驟206:將所述頁面元素移動到與步驟205中獲取的網格相契合的位置。 步驟207:將所述頁面元素移動到所述目標位置。在將頁面元素移動完成后，本發(fā)明實施例還可以保存頁面元素當前的像素坐標，這樣，在用戶下一次打開所述互聯(lián)網頁面時，1良務器#4居用戶上一次移 動的結果加載所述互聯(lián)網頁面。并且，在保存所述頁面當前的像素坐標之前，該方法進一步包括如果是，繼續(xù)步驟209,否則，進入步驟210。具體實施過程中，可以根據(jù)所述頁面元素當前位置所占用的網格是否同時 為其它頁面元素所占所，從而判斷所述頁面元素與其它頁面元素是否重合。步驟209:提示用戶更改所述頁面元素的位置，返回步驟203。步驟210:保存所述頁面元素當前的像素坐標。本發(fā)明實施例一中預置的網格形狀為方形，其調整互聯(lián)網頁面的具體實施 過程的流程如圖3所示，主要包括以下步驟步驟301:加載互耳關網頁面，讀取保存的頁面元素的坐標信息，將每個頁 面設置為可移動的。具體地，可以使用javascript技術把頁面元素的CSS樣式設置成可移動的 樣式，從而可以通過javascript控制頁面元素來自由移動。步驟302:將所述互聯(lián)網頁面劃分為方形的網格。在網格布局中，每個網格都有明確的橫坐標和縱坐標，每個網格為由多個 像素組成的塊，這樣頁面元素可以網格為參考進行移動。圖4A為將互聯(lián)網頁面劃分為大小3000*3000像素的網才各的示意圖，可以 通過javascript程序編寫一個數(shù)據(jù)結構來存儲網格的具體信息，比如，網格的 像素坐標等。并且，可以將互聯(lián)網頁面中每個頁面元素設為一個HTML頁面 中的DIV元素，可以通過網格的數(shù)據(jù)結構來可以記錄每個DIV元素當前位置 占用的網才各，比如圖4中，頁面元素A占用的網^~可以表示為{( 1,3) ( 1，4)}、 頁面元素B占用的網格可以表示為(U， 5)}，分別表示DIV元素A占用了 為(1, 3)和為(1， 4)的兩個網格，另一個DIV元素B占用了 (9, 8)這個網格。步驟303:初始化移動頁面元素的工具4安4丑。為了方便用戶移動頁面元素，在加載頁面元素后，可以初始化各種用戶在 編輯時需要使用的工具按鈕。其中，所述工具按鈕包括用于拖動的"把手"，因為需要拖動的頁面元素 可能被內容填充滿了 ，沒有地方響應用戶的點擊，使得用戶可以拖動頁面元素。 因此在初始化按鈕的時候，在頁面元素上方生成一個用于拖動的"把手"，具 體地，可將這個"把手"設置為一個獨立的DIV頁面元素。具體實施過程中，可以使用CSS控制工具按鈕的z-index屬性，使得在完 成頁面元素的移動后，不保存工具按鈕的狀態(tài)，因此，工具按鈕最后不會保留 在頁面上，這樣可以保證工具按鈕不會對DIV元素產生影響。其中，可以對應每一個頁面元素設置一個工具按鈕，也可以根據(jù)情況，只 為那些沒有地方響應用戶點擊的頁面元素設置工具按鈕。并且，按不同的策略 設置，設置后的工具按鈕還可以設置為隱藏或顯示與頁面上。步驟304:用戶將某個頁面元素移動到目標位置。步驟305:獲取所述頁面元素在所述目標位置時，該頁面元素的定位元素 的像素坐標。其中，所述定位元素為預先設置的，可以設置為頁面元素邊界上的點，也 可以設置為頁面元素兩條相交的邊界，可以根據(jù)具體情況進行設置。步驟306:判斷是否存在一個網格的邊界元素的像素坐標，與所述定位元 素的像素坐標相同，如果不存在，繼續(xù)步驟307，否則，進入步驟309。其中，所述邊界元素與所述定位元素對應，當所述定位元素為頁面元素邊 界上的點時，邊界元素也為網格中網格的兩邊邊界相交的點；當所述定位元素 為頁面兩條相交的邊界時，邊界元素也為對應的網格的兩條相交的邊界。當定位元素為邊界上的點時，為了方便定位，定位元素可以包括多個點。 同樣，當定位元素為兩條相交的邊時，也可以包括多條邊，比如頁面元素的四條邊界，對應的網格的邊界元素也為網格的四條邊界。在定位元素為頁面元素的四條邊界的情況下，頁面元素的大小必須為網格 的整數(shù)倍，這樣，頁面元素才能與網格充分契合。比如，圖4B中，頁面元素A的定位元素如果兩個相交的點a,則對應的網格的邊界元素為點a';如果頁面元素A的定位元素為兩條相交的邊界h和12，則對應的網格的邊界元素為h'和12'。步驟307:獲取與所述定位元素距離最近的一個網格的邊界元素。在圖4B中，頁面元素A的定位元素點a與網格的邊界元素的像素坐標不相同，離定位元素點a距離最近的一個網格的邊界元素為點a',獲取點a'，的像素坐標。步驟308:將所述頁面元素移動到當前位置，在所述當前位置，所述頁面 元素的定位元素與所述邊界元素相重合。如圖4C所示，將頁面元素A平移到定位元素點a與邊界元素為點a'相重 合的位置。步驟309:將所述頁面元素移動到所述目標位置步驟310:獲取所述頁面元素當前位置所占用的網格。具體地，可以判斷所述頁面元素當前位置所包含的像素坐標，包含在哪些 網格之內，比如圖4C中，頁面元素A當前的位置占用的網格為((2, 3), (2, 4) }。步驟311:根據(jù)保存的其它頁面元素與該頁面元素占用的網格的對應關系， 判斷所述網格是否為其它頁面元素占用，如果是，則繼續(xù)步驟312,否則進入 步驟313。頁面元素與該頁面元素占用的網格的對應關系，可以是在加載頁面時生成 的，也可以是在移動所述頁面元素后，遍歷當前所有頁面元素占用的網格建立 的。步驟312:提示用戶更改所述頁面元素的當前位置，返回步驟304。步驟313:記錄所述頁面元素當前的像素坐標。記錄了本次頁面元素移動后的當前像素坐標，則可以在該用戶下次打開所 述互聯(lián)網頁面時，4姿照該用戶上次編輯的結果顯示該互聯(lián)網頁面上的每個頁面 元素。本發(fā)明實施例二中預置的網格形狀為三角形，其調整互聯(lián)網頁面的具體實 施例如圖5所示，主要包括以下步驟步驟501:加載互聯(lián)網頁面，讀取保存的頁面元素的坐標信息，將每個頁 面設置為可移動的。步驟502:將所述互聯(lián)網頁面劃分為三角形的網格。具體地一種劃分情況如圖6A所示。步驟503:初始化移動頁面元素的工具按鈕。步驟504:用戶將某個頁面元素移動到目標位置。如圖6B中，用戶將頁面元素A移動到圖中的目標位置。步驟505:獲取所述頁面元素在所述目標位置時，該頁面元素的定位元素 的像素坐標。在圖6B中，將頁面元素A的定位元素設置為該頁面元素的頂點a點，因 此，具體地步驟505為獲取頁面元素A中頂點a點的像素坐標。步驟506:判斷是否存在一個網格的邊界元素的像素坐標，與所述定位元 素的像素坐標相同，如果不存在，繼續(xù)步驟507,否則，進入步驟509。在圖6B中，與頁面元素A中的定位元素a點對應的網格的邊界元素為a'點。步驟507:獲取與所述定位元素距離最近的 一個網格的邊界元素。 在圖6B中，與a點距離最近的網格的邊界元素為網格(2， 3}的邊界元素 a'，點。步驟508:將所述頁面元素移動到當前位置，在所述當前位置，所述頁面 元素的定位元素與所述邊界元素相重合。如圖6C所示，將頁面元素A平移到定位元素點a與邊界元素為點a、相重 合的位置。步驟509:將所述頁面元素移動到所述目標位置。 步驟510:荻取所述頁面元素當前位置所占用的網格。判斷所述網格是否為其它頁面元素占用，如果是，則繼續(xù)步驟幻2,否則進入 步驟513。步驟512:提示用戶更改所述頁面元素的當前位置，返回步驟504。 步驟513:記錄所述頁面元素當前的像素坐標。本發(fā)明實施例提供的一種調整互聯(lián)網頁面布局的裝置，其結構如圖7所示， 包括加載單元71和響應單元72。加載單元71，用于加載互聯(lián)網頁面，并根據(jù)預置的網格的大小和形狀，將 所述互聯(lián)網頁面劃分為網沖各；響應單元72,用于接收用戶移動頁面元素的命令，判斷所i頁面元素在用 戶指定的目標位置時，所述頁面元素與所述互聯(lián)網頁面的網格不契合時，將所 述頁面元素移動到，與所述目標位置距離最近的網格相契合的位置。具體地，加載單元71包括加載子單元711和劃分子單元712。加載子單元711,用于加載互聯(lián)網頁面，并將所述互寫關網頁面中的頁面元 素顯示在所述互if關網頁面上；劃分子單元712，用于根據(jù)預置的網格的大小和形狀，將所述互聯(lián)網頁面 劃分為網格。進一步地，加載單元71還包括生成子單元713，用于生成移動所述加載子單元加載的頁面元素的工具按鈕 具體地，響應單元72包括第一判斷子單元721和第一移動子單元722。 第一判斷子單元721,用于判斷用戶指定的所述頁面元素的目標位置與所述互聯(lián)網頁面的網格不契合； .第一移動子單元722,用于在所述第一判斷子單元確定所述目標位置與所 述互聯(lián)網頁面的網格不契合時，將所述頁面元素移動到與該頁面元素距離最近 的網相契合的位置。其中，所述第一判斷子單元721包括第一獲取模塊7211和第一確定模 塊7212。第一獲取模塊7211，用于獲取所述頁面元素在所述目標位置時，該頁面元 素的定位元素的像素坐標；第 一確定模塊7212，用于判斷所述互聯(lián)網頁面不存在一個網格的邊界元素 的像素坐標，與所述定位元素的〗象素坐標相同時，確定所述頁面元素的目標位 置與所述互聯(lián)網頁面的網格不契合。對應地，所述第一移動子單元722包括定位模塊7221和移動模塊7222。定位模塊7221,用于獲取與所述頁面元素的定位元素距離最近的一個網格 的邊界元素；移動模塊7222,用于將所述頁面元素移動到到當前位置，在所述當前位置， 所述頁面元素的定位元素與所述定位模塊獲取的所述邊界元素相重合?；蛘撸憫獑卧?2還可以包括第二判斷子單元723和第二移動子單元724。第二判斷子單元723,用于判斷用戶指定的所述頁面元素的目標位置與所 述互聯(lián)網的網格契合；第二移動子單元724，用于將所述頁面元素移動到所述目標位置。 所述第二判斷子單元723包括第二獲取模塊7231,用于獲取所述頁面元素在所述目標位置時，所述頁面 元素的定位元素的像素坐標；第二確定模塊7232，用于判斷所述定位元素的像素坐標與-個網格的邊界 元素的像素坐標相同時，確定所述頁面元素的目標位置與所述互聯(lián)網的網格契合。進一步地，所述裝置還可以包括保存單元73。保存單元73，用于保存所述響應單元移動的頁面元素當前的像素坐標。進一步地，所述裝置還可以包括判斷子單元731、提示子單元732和保 存子單元733,用于在保存單元73保存所述頁面元素當前的像素坐標之前，判 斷所述互聯(lián)網頁面上是否而在其它頁面元素與頁面元素重合。具體地，判斷子單元731，用于獲取所述響應單元移動后的所述頁面元素當前位置 所占用的網格，并根據(jù)保存的其它頁面元素與該頁面元素所占用的網格的對應 關系，判斷所述網格是否同時為其它頁面元素所占用；提示子單元732，用于所述判斷子單元判斷所述網才各同時為其它頁面元素 所占用時，提示用戶更改所述頁面元素的位置；保存子單元733,用于在所述判斷子單元判斷所述網格沒有為其它頁面元 素所占用時，保存所述頁面元素與該頁面元素當前位置所占用的網格的對應關 系。本發(fā)明實施例中，由于對互聯(lián)網頁面進行了網格劃分，頁面元素每次移動 都需要跟網格契合，因此移動頁面元素可控制的程度更高，而且，本發(fā)明實施 例中對頁面元素的大小、形狀沒有限制，且頁面元素可以上下左右移動，因此， 用戶可定制的范圍比4交大。同時，網格的大小和形狀都可以在加載頁面前進行 設置，因此可以修改網格的大小和形狀來提高移動頁面元素的精度。本發(fā)明實 施例中，在完成對頁面元素的移動后，進一步對頁面元素進行判斷，判斷該頁 面元素是否被其它頁面元素所覆蓋，從而保證了移動后的頁面元素位置的正確 性。明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權利要求及 其等同技術的范圍之內，則本發(fā)明也意圖包含這些改動和變型在內。
權利要求
1. 一種調整互聯(lián)網頁面布局的方法，其特征在于，包括加載互聯(lián)網頁面，根據(jù)預置的網格的大小和形狀，將所述互聯(lián)網頁面劃分為網格；接收用戶移動頁面元素的命令，判斷所述頁面元素在用戶指定的目標位置時，所述頁面元素與所述互聯(lián)網頁面的網格不契合，將所述頁面元素移動到，與所述目標位置距離最近的網格相契合的位置。
2、 根據(jù)權利要求1所述的方法，其特征在于所述判斷所述頁面元素在用戶指定的目標位置時，所述頁面元素與所述互 聯(lián)網頁面的網格不契合，包括獲取所述頁面元素在所述目標位置時，該頁面元素的定位元素的像素坐標；判斷所述互聯(lián)網頁面不存在一個網格的邊界元素的像素坐標與所述定位 元素的像素坐標相同時，確定所述頁面元素的目標位置與所述互聯(lián)網頁面的網 格不契合；則，所述將所述頁面元素移動到與該頁面元素距離最近的網格相契合的位 置，包括獲取與所述定位元素距離最近的 一個網格的邊界元素； 將所述頁面元素移動到當前位置，在所述當前位置，所述頁面元素的定位 元素與所述邊界元素相重合。
3、 根據(jù)權利要求2所述的方法，其特征在于，所述定位元素為頁面元素 邊界上的點；則,所述邊界元素為網格邊界的點。
4、 根據(jù)權利要求2所述的方法，其特征在于，所述定位元素為頁面元素 兩條相交的邊界；則，所述邊界元素為網格兩條相交的邊界。
5、 根據(jù)權利要求1所述的方法，其特征在于，如果判斷用戶指定的所述 頁面元素的目標位置與所述互聯(lián)網的網格契合時，則，將所述頁面元素移動到所述目標位置。
6、 根據(jù)權利要求1至5中任一權利要求所述的方法，其特征在于，在加 載頁面時，該方法進一步包括生成移動頁面元素的工具按4丑。
7、 根據(jù)權利要求1至5中任一權利要求所述的方法，其特征在于，在移 動所述頁面元素之后，該方法進一步包括保存所述頁面元素當前的像素坐標。
8、 根據(jù)權利要求7所述的方法，其特征在于，移動所述頁面元素之后， 保存所述頁面元素當前的像素坐標之前，該方法進一步包括獲取所述頁面元素當前位置占用的網格，根據(jù)保存的其它頁面元素與該頁 面元素占用的網格的對應關系，判斷所述網格是否為其它頁面元素占用，如果 是，則提示用戶更改所述頁面元素的當前位置，否則，保存所述頁面元素與該 頁面元素當前位置所占用的網格的對應關系。
9、 一種調整互聯(lián)網頁面布局的裝置，其特征在于，包括加載單元，用于加載互聯(lián)網頁面，并根據(jù)預置的網格的大小和形狀，將所 述互聯(lián)網頁面劃分為網格；響應單元，用于4妄收用戶移動頁面元素的命令，判斷所述頁面元素在用戶 指定的目標位置時，所述頁面元素與所述互聯(lián)網頁面的網^"不契合時，將所述 頁面元素移動到，與所述目標位置距離最近的網格相契合的位置。
10、 根據(jù)權利求9所述的裝置，其特征在于，所述加載單元包括 加載子單元，用于加載互聯(lián)網頁面，并將所述互聯(lián)網頁面中的頁面元素顯示在所述互耳關網頁面上；劃分子單元，用于才艮據(jù)預置的網格的大小和形狀，將所述互聯(lián)網頁面劃分 為網格。
11、 根據(jù)權利要求9或10所述的裝置，其特征在于，所述加載單元進一 步包括生成子單元，用于生成移動所述加載子單元加載的頁面元素的工具按鈕。
12、 根據(jù)權利要求9所述的裝置，其特征在于，所述響應單元包括 第一判斷子單元，用于判斷用戶指定的所述頁面元素的目標位置與所述互聯(lián)網頁面的網格不契合；第 一移動子單元，用于在所述第 一判斷子單元確定所述目標位置與所述互 聯(lián)網頁面的網格不契合時，將所述頁面元素移動到與該頁面元素距離最近的網 相契合的位置。
13、 根據(jù)權利要求12所述的裝置，其特征在于 所述第一判斷子單元包括第一獲取模塊，用于獲取所述頁面元素在所述目標位置時，該頁面元素的 定位元素的像素坐標；第一確定模塊，用于判斷所述互聯(lián)網頁面不存在一個網格的邊界元素的像 素坐標，與所述定位元素的像素坐標相同時，確定所述頁面元素的目標位置與 所述互聯(lián)網頁面的網格不契合；貝'J，所述第一移動子單元包括定位模塊，用于獲取與所述頁面元素的定位元素距離最近的一個網格的邊 界元素；移動模塊，用于將所述頁面元素移動到到當前位置，在所述當前位置，所 述頁面元素的定位元素與所述定位模塊獲取的所述邊界元素相重合。
14、 根據(jù)權利要求9所述的裝置，其特征在于，所述響應單元還包括 第二判斷子單元，用于判斷用戶指定的所述頁面元素的目標位置與所述互聯(lián)網的網格契合；第二移動子單元，用于將所述頁面元素移動到所述目標位置。
15、 根據(jù)權利要求14所述的裝置，其特征在于，所述第二判斷子單元包括第二獲取模塊，用于獲取所述頁面元素在所述目標位置時，所述頁面元素 的定位元素的像素坐標；第二確定模塊，用于判斷所述定位元素的像素坐標與一個網格的邊界元素的像素坐標相同時，確定所述頁面元素的目標位置與所述互聯(lián)網的網格契合。
16、 根據(jù)權利要求9所述的裝置，其特征在于，該裝置進一步包括 保存單元，用于保存所述響應單元移動的頁面元素當前的像素坐標。
17、 根據(jù)權利要求16所述的裝置，其特征在于，該裝置進一步包括 判斷子單元，用于獲取所述響應單元移動后的所述頁面元素當前位置所占系，判斷所述網格是否同時為其它頁面元素所占用；提示子單元，用于所述判斷子單元判斷所述網格同時為其它頁面元素所占 用時，提示用戶更改所述頁面元素的位置；保存子單元，用于在所述判斷子單元判斷所述網格沒有為其它頁面元素所 占用時，保存所述頁面元素與該頁面元素當前位置所占用的網格的對應關系。
全文摘要
本發(fā)明公開了一種調整互聯(lián)網頁面布局的方法及裝置，用以解決現(xiàn)有技術中模塊元素只能在固定欄目中上下移動，用戶可定制的范圍小，無法滿足用戶對頁面定制的更多需求的問題。該方法在加載互聯(lián)網頁面時，根據(jù)預置的網格的大小和形狀，將所述互聯(lián)網頁面劃分為網格；接收用戶移動頁面元素的命令，判斷所述頁面元素在用戶指定的目標位置時，所述頁面元素與所述互聯(lián)網頁面的網格不契合，將所述頁面元素移動到，與所述目標位置距離最近的網格相契合的位置。根據(jù)本發(fā)明提出的方案，可以最大限度的滿足用戶定制的需求，又可以限制用戶對頁面元素進行雜亂無章地移動。
文檔編號G06F17/30GK101261642SQ200810089749
公開日2008年9月10日 申請日期2008年4月10日 優(yōu)先權日2008年4月10日
發(fā)明者濤 佘, 張金雄, 剛 李, 欣 李, 汪崢嶸, 顧志誠 申請人:深圳市迅雷網絡技術有限公司