CN103064683A - Method and device for custom layout of multiple tabs under WEB environment - Google Patents
Method and device for custom layout of multiple tabs under WEB environment Download PDFInfo
- Publication number
- CN103064683A CN103064683A CN2012105795504A CN201210579550A CN103064683A CN 103064683 A CN103064683 A CN 103064683A CN 2012105795504 A CN2012105795504 A CN 2012105795504A CN 201210579550 A CN201210579550 A CN 201210579550A CN 103064683 A CN103064683 A CN 103064683A
- Authority
- CN
- China
- Prior art keywords
- shipping options
- options page
- interface
- width
- interface panel
- 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
Images
Abstract
The invention discloses a method and a device for custom layout of multiple tabs under WEB environment. The method comprises steps of defining properties of an initial combined interface panel; displaying the content interface of a first tab; selecting a second tab, drawing the second tab and determining that the second tab is drawn to the content interface of the first tab or a tab bar of the first tab; when the second tab is drawn to the content interface of the first tab, calculating the height and the width of the content interface of the first tab, deleting the property description of the second tab, modifying the property description of the initial combined interface panel, and adding the property description of a new combined interface panel; when the second tab is drawn to the tab bar of the first tab, deleting the property description of the second tab of the initial combined interface panel, and adding the property description of the second tab to the initial combined interface panel; and according to the property description of the combined interface panel, displaying at the front end in real time. The invention also discloses a device for the custom layout of multiple tabs under the WEB environment.
Description
Technical field
The present invention relates to computer realm, relate in particular to self-defined layout method and the device of many Shipping Options Pages under a kind of WEB environment.
Background technology
Under the WEB environment, use the JS script and realize that Shipping Options Page (TAB) handoff technique is widely adopted.This technology can show many Shipping Options Pages (TAB) in a page, by clicking different labels, show the content under this label, such as literal, picture or page style etc.
The shortcoming of above-mentioned technology is: shortcoming 1, readable difference can't realize the many label substances displayings of single-page: a page only can show the details of a Shipping Options Page, carry out page switching by clicking other Shipping Options Pages, can not in a page, intuitively show two Shipping Options Page details.Shortcoming 2, can't realize the self-defined layout of labels page: the content of a Shipping Options Page is normally fixing, can't realize the page is carried out self-defined layout by pulling, such as page division being become a plurality of windows or merge window.
Summary of the invention
For addressing the above problem, the technical scheme that the present invention adopts is:
The self-defined layout method of many Shipping Options Pages under a kind of WEB environment is provided, comprises: S1, in the XML file attribute of definition initial pool interface panel, attribute comprises each Shipping Options Page height, width, attribute, content; S2, the first Shipping Options Page that obtains the initial pool interface panel are selected signal, show the first Shipping Options Page content interface; S3, select the second Shipping Options Page and it is carried out drag operation, judge that the second Shipping Options Page is dragged to the first Shipping Options Page content interface and still is dragged to the first Shipping Options Page label hurdle; S4, when the second Shipping Options Page is dragged to the first Shipping Options Page content interface, by calculating the first Shipping Options Page content interface height and width, the attribute description of deletion the second Shipping Options Page and the attribute description that increases new initial pool interface panel in the XML file; S5, when the second Shipping Options Page is dragged to the first Shipping Options Page label hurdle, the attribute description of the second Shipping Options Page and containing in the initial pool interface panel of the first Shipping Options Page and increase by the second Shipping Options Page attribute description in the deletion initial pool interface panel in the XML file; S6, carry out real-time exhibition according to the attribute of the initial pool interface panel of XML file at front end.
Another technical solution used in the present invention is:
The self-defined placement device of many Shipping Options Pages under a kind of WEB environment is provided, comprise: initial pool interface panel attribute definition unit, be used for the attribute in XML file definition initial pool interface panel, attribute comprises each Shipping Options Page height, width, attribute, content; The first Shipping Options Page content interface acquiring unit is selected signal for the first Shipping Options Page that obtains the initial pool interface panel, shows the first Shipping Options Page content interface; The second Shipping Options Page pulls the unit, is used for selecting the second Shipping Options Page and it is carried out drag operation, judges that the second Shipping Options Page is dragged to the first Shipping Options Page content interface and still is dragged to the first Shipping Options Page label hurdle; The interface split cells, be used for when described the second Shipping Options Page pulls the unit and determines that the second Shipping Options Page is dragged to the first Shipping Options Page content interface, by calculating the first Shipping Options Page content interface height and width, the attribute description of deletion the second Shipping Options Page and the attribute description that increases new initial pool interface panel in the XML file; The window merge cells, be used for when described the second Shipping Options Page pulls the unit and determines that the second Shipping Options Page is dragged to the first Shipping Options Page label hurdle the attribute description of the second Shipping Options Page and containing increase the second Shipping Options Page attribute description in the initial pool interface panel of the first Shipping Options Page in the deletion initial pool interface panel in the XML file; The showing interface unit is used for carrying out real-time exhibition according to the attribute of the initial pool interface panel of XML file at front end.
Beneficial effect of the present invention is, self-defined layout method and the device of many Shipping Options Pages under the WEB environment of the present invention, and page layout can be realized dynamic, flexible layout regulation, easy to use and contrast by pulling of Shipping Options Page in the WEB interface.Further, realize the flexible displaying at a plurality of Shipping Options Pages of window, in edge that Shipping Options Page drags or Shipping Options Page group, boundary division can be become a plurality of windows or merge window, improve readablely, reduced the workload of repeatedly checking, inquiring about.
Description of drawings
Fig. 1 is the structured flowchart of the self-defined placement device of many Shipping Options Pages under a kind of WEB environment in an embodiment of the present invention;
Fig. 2 is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form left side content interface;
Fig. 3 is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form right side content interface;
Fig. 4 is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form upside content interface;
Fig. 5 is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form downside content interface;
Fig. 6 is dragged to schematic diagram on the Shipping Options Page form label hurdle with Shipping Options Page grid;
Fig. 7 is the process flow diagram of the self-defined layout method of many Shipping Options Pages under a kind of WEB environment in an embodiment of the present invention.
Embodiment
By describing technology contents of the present invention, structural attitude in detail, being realized purpose and effect, below in conjunction with embodiment and cooperate accompanying drawing to give in detail explanation.Seeing also Fig. 1, is the structured flowchart of the self-defined placement device of many Shipping Options Pages under a kind of WEB environment in an embodiment of the present invention.The self-defined placement device of many Shipping Options Pages comprises that initial pool interface panel attribute definition unit, the first Shipping Options Page content interface acquiring unit, the second Shipping Options Page pull unit, interface split cells, window merge cells under a kind of WEB environment.
Initial pool interface panel attribute definition unit is used for the attribute in XML file definition initial pool interface panel, and attribute comprises each Shipping Options Page height, width, attribute, content.The first Shipping Options Page content interface acquiring unit is selected signal for the first Shipping Options Page that obtains the initial pool interface panel, shows the first Shipping Options Page content interface.The second Shipping Options Page pulls the unit, is used for selecting the second Shipping Options Page and it is carried out drag operation, judges that the second Shipping Options Page is dragged to the first Shipping Options Page content interface and still is dragged to the first Shipping Options Page label hurdle.The interface split cells, be used for when described the second Shipping Options Page pulls the unit and determines that the second Shipping Options Page is dragged to the first Shipping Options Page content interface, by calculating the first Shipping Options Page content interface height and width, the attribute description of deletion the second Shipping Options Page and the attribute description that increases new combined interface panel in the XML file.The window merge cells, be used for when described the second Shipping Options Page pulls the unit and determines that the second Shipping Options Page is dragged to the first Shipping Options Page label hurdle the attribute description of the second Shipping Options Page and containing increase the second Shipping Options Page attribute description in the initial pool interface panel of the first Shipping Options Page in the deletion initial pool interface panel in the XML file.The showing interface unit is used for carrying out real-time exhibition according to the attribute description of the combined interface panel of XML file at front end.
Described interface split cells comprises position judging module, is used for judging that the second Shipping Options Page is dragged to upper interface or lower interface or left interface or the right interface of the first Shipping Options Page content interface; Described interface split cells comprises that also the interface splits module, lower interface splits module, left interface fractionation module, right interface fractionation module.Upper interface splits module and is used for when judging that the second Shipping Options Page is dragged to the upper interface of the first Shipping Options Page content interface, and the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface.Lower interface splits module and is used for when judging that the second Shipping Options Page is dragged to the lower interface of the first Shipping Options Page content interface, and the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface.Left interface splits module, is used for when judging that the second Shipping Options Page is dragged to the left interface of the first Shipping Options Page content interface, and the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of the former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface.Right interface splits module and is used for when judging that the second Shipping Options Page is dragged to the right interface of the first Shipping Options Page content interface, and the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface.
Seeing also Fig. 2, is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form left side content interface.The first step: select Shipping Options Page grid that it is dragged to Shipping Options Page form left side, on average cutting apart the page is Shipping Options Page grid and Shipping Options Page form.The specific implementation step is as follows: 1) calculate current window Shipping Options Page form size (height and width f2).2) width of modification Shipping Options Page form is (f2/2) in the XML file, and the description content of deletion Shipping Options Page grid.3) while increases the attribute description (i.e. newly-increased Shipping Options Page grid) of new combined interface panel in the XML file, comprise height, width, attribute, content etc., wherein Shipping Options Page grid is highly constant, and width is half of Shipping Options Page form, namely highly is (f1) and width (f2/2).Second step: according to the XML file content, display label page or leaf grid and Shipping Options Page form on former labels page, wherein Shipping Options Page grid is in the left side, and Shipping Options Page form is on the right side.
Seeing also Fig. 3, is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form right side content interface.The first step: select Shipping Options Page grid that it is dragged to Shipping Options Page form right side, will on average cut apart the page is Shipping Options Page grid and Shipping Options Page form.1) calculates current window Shipping Options Page form size (height f1 and width f2).2) width of modification Shipping Options Page form is (f2/2) in the XML file, and the description content of deletion Shipping Options Page grid.3) while increases the attribute definition (i.e. newly-increased Shipping Options Page grid) of new combined interface panel in the XML file, comprise height, width, attribute, content etc., wherein Shipping Options Page grid is highly constant, and width is half of Shipping Options Page form, namely highly is (f1) and width (f2/2).Second step: according to the XML file content, display label page or leaf grid and Shipping Options Page form on former labels page, wherein Shipping Options Page grid is in the left side, and Shipping Options Page form is on the right side.
Seeing also Fig. 4, is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form upside content interface.The first step: select Shipping Options Page grid that it is dragged to Shipping Options Page form upside, will on average cut apart the page is Shipping Options Page grid and Shipping Options Page form.The specific implementation step is as follows: 1) calculate current window Shipping Options Page form size (height f1 and width f2).2) height of modification Shipping Options Page form is (f1/2) in the XML file, and the description content of deletion Shipping Options Page grid.3) while increases the attribute description (i.e. newly-increased Shipping Options Page grid) of new combined interface panel in the XML file, comprise height, width, attribute, content etc., wherein Shipping Options Page grid is highly constant, highly is half of Shipping Options Page form, namely highly is (f1/2) and width (f2).Second step: according to the XML file content, display label page or leaf form and Shipping Options Page grid on former labels page, wherein Shipping Options Page form is at downside, and Shipping Options Page grid is at upside.
Seeing also Fig. 5, is the schematic diagram that Shipping Options Page grid is dragged to Shipping Options Page form downside content interface.The first step: select Shipping Options Page grid that it is dragged to Shipping Options Page form right side, will on average cut apart the page is Shipping Options Page grid and Shipping Options Page form.1) calculates current window Shipping Options Page form size (height f1 and width f2).2) height of modification Shipping Options Page form is (f1/2) in the XML file, and the description content of deletion Shipping Options Page grid.3) while increases the attribute definition (i.e. newly-increased Shipping Options Page grid) of new combined interface panel in the XML file, comprise height, width, attribute, content etc., wherein Shipping Options Page grid is highly constant, highly is half of Shipping Options Page form, namely highly is (f1/2) and width (f2).Second step: according to the XML file content, display label page or leaf form and Shipping Options Page grid on former labels page, wherein Shipping Options Page form is at upside, and Shipping Options Page grid is at downside.
Seeing also Fig. 6, is that Shipping Options Page grid is dragged to schematic diagram on the Shipping Options Page form label hurdle.The first step: prepare to exist in the panel a plurality of Shipping Options Pages (label form and label grid).Second step: select Shipping Options Page grid that it is dragged on the label hurdle of Shipping Options Page form, Shipping Options Page grid and Shipping Options Page form are carried out the window merging.The specific implementation step is as follows: ranks size (height fcols, width frows), the calculating current window Shipping Options Page grid panel ranks sizes (height gcols, width grows) of 1) calculating current Shipping Options Page form panel.2) height of modification Shipping Options Page form is (fcols+gcols) in the XML file, and width is (frows+grows), and the description content of deletion Shipping Options Page grid.3) the simultaneously newly-increased Shipping Options Page grid description of the combined interface panel of form in the XML file comprises height, width, attribute, content etc.The 3rd step: according to the XML file content, display label page or leaf form and Shipping Options Page grid on former labels page, wherein Shipping Options Page grid is presented on the Shipping Options Page form page as list of labels.
Seeing also Fig. 7, is the process flow diagram of the self-defined layout method of many Shipping Options Pages under a kind of WEB environment in an embodiment of the present invention.The self-defined layout method of many Shipping Options Pages comprises under a kind of WEB environment:
Step S1, in the XML file attribute of definition initial pool interface panel, attribute comprises each Shipping Options Page height, width, attribute, content;
Step S2, the first Shipping Options Page that obtains the initial pool interface panel are selected signal, show the first Shipping Options Page content interface;
Step S3, select the second Shipping Options Page and it is carried out drag operation, judge that the second Shipping Options Page is dragged to the first Shipping Options Page content interface and still is dragged to the first Shipping Options Page label hurdle;
Step S4, when the second Shipping Options Page is dragged to the first Shipping Options Page content interface, calculate the first Shipping Options Page content interface height and width, the attribute description of deletion the second Shipping Options Page, the attribute description of revising the initial pool interface panel and the attribute description that increases new combined interface panel in the XML file;
Step S5, when the second Shipping Options Page is dragged to the first Shipping Options Page label hurdle, the attribute description of the second Shipping Options Page and containing in the initial pool interface panel of the first Shipping Options Page and increase by the second Shipping Options Page attribute description in the deletion initial pool interface panel in the XML file;
Step S6, carry out real-time exhibition according to the attribute of the combined interface panel of XML file at front end.
Wherein, described step S4 specifically comprises step: S41, judges that the second Shipping Options Page is dragged to upper interface or lower interface or left interface or the right interface of the first Shipping Options Page content interface;
" revising the attribute description of initial pool interface panel and the attribute description that increases new combined interface panel " among the described step S4 specifically comprises:
S42, when judging that the second Shipping Options Page is dragged to the upper interface of the first Shipping Options Page content interface, the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface;
S43, when judging that the second Shipping Options Page is dragged to the lower interface of the first Shipping Options Page content interface, the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface;
S44, when judging that the second Shipping Options Page is dragged to the left interface of the first Shipping Options Page content interface, the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of the former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface;
S42, when judging that the second Shipping Options Page is dragged to the right interface of the first Shipping Options Page content interface, the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface.
Beneficial effect of the present invention is, self-defined layout method and the device of many Shipping Options Pages under the WEB environment of the present invention, and page layout can be realized dynamic, flexible layout regulation, easy to use and contrast by pulling of Shipping Options Page in the WEB interface.Further, realize the flexible displaying at a plurality of Shipping Options Pages of window, boundary division can be become a plurality of windows among edge or the Shipping Options Page group or merge window when Shipping Options Page drags to, improve readability, reduced the workload of repeatedly checking, inquiring about.
The above only is embodiments of the invention; be not so limit claim of the present invention; every equivalent structure or equivalent flow process conversion that utilizes instructions of the present invention and accompanying drawing content to do; or directly or indirectly be used in other relevant technical fields, all in like manner be included in the scope of patent protection of the present invention.
Claims (4)
1. the self-defined layout method of many Shipping Options Pages under the WEB environment is characterized in that, comprising:
S1, in the XML file attribute of definition initial pool interface panel, attribute comprises each Shipping Options Page height, width, attribute, content;
S2, the first Shipping Options Page that obtains the initial pool interface panel are selected signal, show the first Shipping Options Page content interface;
S3, select the second Shipping Options Page and it is carried out drag operation, judge that the second Shipping Options Page is dragged to the first Shipping Options Page content interface and still is dragged to the first Shipping Options Page label hurdle;
S4, when the second Shipping Options Page is dragged to the first Shipping Options Page content interface, calculate the first Shipping Options Page content interface height and width, the attribute description of deletion the second Shipping Options Page, the attribute description of revising the initial pool interface panel and the attribute description that increases new combined interface panel in the XML file;
S5, when the second Shipping Options Page is dragged to the first Shipping Options Page label hurdle, the attribute description of the second Shipping Options Page and containing in the initial pool interface panel of the first Shipping Options Page and increase by the second Shipping Options Page attribute description in the deletion initial pool interface panel in the XML file;
S6, carry out real-time exhibition according to the attribute of the combined interface panel of XML file at front end.
2. the self-defined layout method of many Shipping Options Pages under described a kind of WEB environment according to claim 1, it is characterized in that, described step S4 specifically comprises step: S41, judges that the second Shipping Options Page is dragged to upper interface or lower interface or left interface or the right interface of the first Shipping Options Page content interface; " revise the attribute description of initial pool interface panel and the attribute description that increases new combined interface panel among the described step S4; " specifically comprise:
S42, when judging that the second Shipping Options Page is dragged to the upper interface of the first Shipping Options Page content interface, the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface;
S43, when judging that the second Shipping Options Page is dragged to the lower interface of the first Shipping Options Page content interface, the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface;
S44, when judging that the second Shipping Options Page is dragged to the left interface of the first Shipping Options Page content interface, the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of the former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface;
S42, when judging that the second Shipping Options Page is dragged to the right interface of the first Shipping Options Page content interface, the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface.
3. the self-defined placement device of many Shipping Options Pages under the WEB environment is characterized in that, comprising:
Initial pool interface panel attribute definition unit is used for the attribute in XML file definition initial pool interface panel, and attribute comprises each Shipping Options Page height, width, attribute, content;
The first Shipping Options Page content interface acquiring unit is selected signal for the first Shipping Options Page that obtains the initial pool interface panel, shows the first Shipping Options Page content interface;
The second Shipping Options Page pulls the unit, is used for selecting the second Shipping Options Page and it is carried out drag operation, judges that the second Shipping Options Page is dragged to the first Shipping Options Page content interface and still is dragged to the first Shipping Options Page label hurdle;
The interface split cells, be used for when described the second Shipping Options Page pulls the unit and determines that the second Shipping Options Page is dragged to the first Shipping Options Page content interface, calculate the first Shipping Options Page content interface height and width, the attribute description of deletion the second Shipping Options Page, the attribute description of revising the initial pool interface panel and the attribute description that increases new combined interface panel in the XML file;
The window merge cells, be used for when described the second Shipping Options Page pulls the unit and determines that the second Shipping Options Page is dragged to the first Shipping Options Page label hurdle the attribute description of the second Shipping Options Page and containing increase the second Shipping Options Page attribute description in the initial pool interface panel of the first Shipping Options Page in the deletion initial pool interface panel in the XML file;
The showing interface unit is used for carrying out real-time exhibition according to the attribute of the combined interface panel of XML file at front end.
4. the self-defined placement device of many Shipping Options Pages under described a kind of WEB environment according to claim 3, it is characterized in that, described interface split cells comprises position judging module, is used for judging that the second Shipping Options Page is dragged to upper interface or lower interface or left interface or the right interface of the first Shipping Options Page content interface; Described interface split cells also comprises:
Upper interface splits module, is used for when judging that the second Shipping Options Page is dragged to the upper interface of the first Shipping Options Page content interface, and the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface;
Lower interface splits module, is used for when judging that the second Shipping Options Page is dragged to the lower interface of the first Shipping Options Page content interface, and the height of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former height; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein highly be half of the former height of the first Shipping Options Page content interface in the attribute description of new combined interface panel, width is the width of the first Shipping Options Page content interface;
Left interface splits module, is used for when judging that the second Shipping Options Page is dragged to the left interface of the first Shipping Options Page content interface, and the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While front of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of the former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface;
Right interface splits module, is used for when judging that the second Shipping Options Page is dragged to the right interface of the first Shipping Options Page content interface, and the width of revising the first Shipping Options Page content interface in the XML file in the initial pool interface panel is half of former width; While back of initial pool interface panel attribute description in the XML file increases the attribute description of new combined interface panel, wherein width is half of former width of the first Shipping Options Page content interface in the attribute description of new combined interface panel, highly is the height of the first Shipping Options Page content interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012105795504A CN103064683A (en) | 2013-02-19 | 2013-02-19 | Method and device for custom layout of multiple tabs under WEB environment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012105795504A CN103064683A (en) | 2013-02-19 | 2013-02-19 | Method and device for custom layout of multiple tabs under WEB environment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103064683A true CN103064683A (en) | 2013-04-24 |
Family
ID=48107321
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2012105795504A Pending CN103064683A (en) | 2013-02-19 | 2013-02-19 | Method and device for custom layout of multiple tabs under WEB environment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103064683A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104462490A (en) * | 2014-12-22 | 2015-03-25 | 上海斐讯数据通信技术有限公司 | Display method for list details |
| CN104516723A (en) * | 2013-09-26 | 2015-04-15 | 联想(北京)有限公司 | Widget processing method and device |
| CN104731486A (en) * | 2013-12-19 | 2015-06-24 | 鸿合科技有限公司 | Method and device for deleting page |
| CN107025210A (en) * | 2016-02-02 | 2017-08-08 | 珠海金山办公软件有限公司 | A kind of document tag displaying method and device for WPS |
| CN107145352A (en) * | 2017-05-04 | 2017-09-08 | 首都师范大学 | A kind of flexible Shipping Options Page system based on Bootstrap |
| CN108572773A (en) * | 2018-04-13 | 2018-09-25 | 中国民航信息网络股份有限公司 | Portable terminal version eTerm blank screens page processing method, device, equipment and medium |
| CN116450119A (en) * | 2023-05-29 | 2023-07-18 | 珠海乐图软件有限公司 | Page layout method, page layout system, electronic device and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040113948A1 (en) * | 2002-12-16 | 2004-06-17 | Khatoun Shahrbabaki | Detachable tabs presenting accessed objects in a multi-tab interface |
| CN101561748A (en) * | 2009-05-21 | 2009-10-21 | 阿里巴巴集团控股有限公司 | Display method and Display device of the tag detail in IM software |
| CN102098233A (en) * | 2009-12-11 | 2011-06-15 | 阿里巴巴集团控股有限公司 | Method and system for controlling communication window in instant messenger |
| CN102402577A (en) * | 2010-09-09 | 2012-04-04 | 微软公司 | Drag-able tabs |
| US20120131497A1 (en) * | 2010-11-18 | 2012-05-24 | Google Inc. | Orthogonal Dragging on Scroll Bars |
-
2013
- 2013-02-19 CN CN2012105795504A patent/CN103064683A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040113948A1 (en) * | 2002-12-16 | 2004-06-17 | Khatoun Shahrbabaki | Detachable tabs presenting accessed objects in a multi-tab interface |
| CN101561748A (en) * | 2009-05-21 | 2009-10-21 | 阿里巴巴集团控股有限公司 | Display method and Display device of the tag detail in IM software |
| CN102098233A (en) * | 2009-12-11 | 2011-06-15 | 阿里巴巴集团控股有限公司 | Method and system for controlling communication window in instant messenger |
| CN102402577A (en) * | 2010-09-09 | 2012-04-04 | 微软公司 | Drag-able tabs |
| US20120131497A1 (en) * | 2010-11-18 | 2012-05-24 | Google Inc. | Orthogonal Dragging on Scroll Bars |
Non-Patent Citations (1)
| Title |
|---|
| HTTP://WWW.VIPCN.COM: "《360浏览器2012官方 官网v4.1.0209最新版》", 《清风网站HTTP://WWW.VIPCN.COM/WANGLUORUANJIAN/ZHUYELIULAN/106278.HTML》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104516723A (en) * | 2013-09-26 | 2015-04-15 | 联想(北京)有限公司 | Widget processing method and device |
| CN104731486A (en) * | 2013-12-19 | 2015-06-24 | 鸿合科技有限公司 | Method and device for deleting page |
| CN104462490A (en) * | 2014-12-22 | 2015-03-25 | 上海斐讯数据通信技术有限公司 | Display method for list details |
| CN107025210A (en) * | 2016-02-02 | 2017-08-08 | 珠海金山办公软件有限公司 | A kind of document tag displaying method and device for WPS |
| CN107145352A (en) * | 2017-05-04 | 2017-09-08 | 首都师范大学 | A kind of flexible Shipping Options Page system based on Bootstrap |
| CN108572773A (en) * | 2018-04-13 | 2018-09-25 | 中国民航信息网络股份有限公司 | Portable terminal version eTerm blank screens page processing method, device, equipment and medium |
| CN116450119A (en) * | 2023-05-29 | 2023-07-18 | 珠海乐图软件有限公司 | Page layout method, page layout system, electronic device and storage medium |
| CN116450119B (en) * | 2023-05-29 | 2023-09-01 | 珠海乐图软件有限公司 | Page layout method, page layout system, electronic device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103064683A (en) | Method and device for custom layout of multiple tabs under WEB environment | |
| US10558349B2 (en) | Functional scrollbar and system | |
| CN105608319B (en) | A kind of mask method and annotation equipment of digital pathological section | |
| CN103389968B (en) | A kind of rich text Display Realization method and system | |
| US8751924B2 (en) | Rule-based grid independent of content | |
| CN104050185B (en) | A kind of content of pages Zoom display processing method and processing device | |
| CN108573008A (en) | Massive point methods of exhibiting and device in a kind of electronic map | |
| CN101763234B (en) | Method and device for simulating various screen resolutions | |
| CN105069060B (en) | HTML document paging typesetting method | |
| US20150187095A1 (en) | Method and device for implementing page mask | |
| CN106126489A (en) | A kind of report file dynamic chart edit methods and system | |
| CN105335445A (en) | Layout display method and device | |
| JP2014505928A5 (en) | ||
| CN106294389A (en) | A kind of method and system realizing customizing form | |
| CN101859322A (en) | Webpage display method for mobile terminal | |
| CN102707945A (en) | Implementation method of form designer based on layout template in Eclipse | |
| CN104731590A (en) | Method and device for realizing user interface controls | |
| CN109657206A (en) | Display methods, device and the electronic equipment of table | |
| CN104318508A (en) | Data visualization method and system based on planar shp map layer | |
| DE202014010899U1 (en) | Support for user interactions with rendered graphic objects | |
| CN110032914A (en) | A kind of method and apparatus marking picture | |
| CN109101520A (en) | A kind of display methods of electronic documentation and electronic documentation | |
| CN109299449A (en) | Form processing method, device, electronic equipment and readable storage medium storing program for executing | |
| US20150149875A1 (en) | Image processing device, image processing device control method, program, and information storage medium | |
| CN103942246A (en) | Browser label display method based on web page URL analysis and classification |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130424 |