CN100561415C - A kind of method and device of adjusting webpage intermediate hurdles frame - Google Patents

A kind of method and device of adjusting webpage intermediate hurdles frame Download PDF

Info

Publication number
CN100561415C
CN100561415C CNB2007101815724A CN200710181572A CN100561415C CN 100561415 C CN100561415 C CN 100561415C CN B2007101815724 A CNB2007101815724 A CN B2007101815724A CN 200710181572 A CN200710181572 A CN 200710181572A CN 100561415 C CN100561415 C CN 100561415C
Authority
CN
China
Prior art keywords
hurdle
frame
hurdle frame
vernier
scale
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.)
Active
Application number
CNB2007101815724A
Other languages
Chinese (zh)
Other versions
CN101140496A (en
Inventor
陈志敏
杨建军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zhigu Ruituo Technology Services Co Ltd
Original Assignee
Shenzhen Xunlei Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Xunlei Network Technology Co Ltd filed Critical Shenzhen Xunlei Network Technology Co Ltd
Priority to CNB2007101815724A priority Critical patent/CN100561415C/en
Publication of CN101140496A publication Critical patent/CN101140496A/en
Application granted granted Critical
Publication of CN100561415C publication Critical patent/CN100561415C/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The invention discloses a kind of method of adjusting webpage intermediate hurdles frame, be used to realize the adjustment of webpage intermediate hurdles frame size.Described method is: be provided with the hurdle frame in single page, and with described page setup is state of self-adapting adjustment, in the described page, be provided with scale and vernier, determine the scope of frame position, hurdle by the end points of described scale, scale on the scale is represented the number percent of hurdle frame scope, and the quantity of vernier is relevant with the number of hurdle frame; Monitor the incident of mouse drag vernier by browser, the position after dragging by the vernier that drags and vernier is known the hurdle frame that drags and is dragged the position on the border corresponding with described vernier, back; According to the position that drags described hurdle, back edge circle, adjust the size of this hurdle frame in the described page.The invention also discloses a kind of device.

Description

A kind of method and device of adjusting webpage intermediate hurdles frame
Technical field
The present invention relates to computer realm, particularly relate to method and the device of adjusting webpage intermediate hurdles frame.
Background technology
Along with Internet development, services such as About You, blog and personal space have obtained using widely.These business features are mainly towards domestic consumer, so the masterplate of form web page need be provided to the user, be convenient to domestic consumer and obtain personalized service.But the masterplate that provides to the user is fixed at present, and the user can only select a kind of from alternative several masterplates, and referring to shown in Figure 1, hurdle frame size and number in the masterplate are all non-adjustable.
One of prior art is the text edit tool WORD in the office software, has wherein used scale and vernier, and referring to shown in Figure 2, but the effect of its vernier is the size of restriction edit page.And, the scale among the WORD be in the size back of determining the page with centimetre form determine the size of the page.And owing to be subjected to the restriction of web page protocol, the method for adjusting page size by scale among the WORD and vernier can not directly be applied in the method for adjusting webpage intermediate hurdles frame.
Two of prior art is the framed structures (claiming frame) in the webpage design, the big I of the frame in the framed structure is regulated automatically according to mouse event, but adopting the page of framed structure is a kind of compound page, the page that promptly comprises framed structure is a homepage, must embed a page (being subpage frame) in each frame, so a compound page is made of a homepage and a subpage frame at least.By mouse the adjustment of frame is equivalent to adjustment to page size in this method, can not directly apply to the hurdle frame adjustment in the single page, and this method can't changes the number of hurdle frame.
Summary of the invention
The embodiment of the invention provides a kind of method and device of adjusting webpage intermediate hurdles frame, is used to realize the adjustment of single webpage intermediate hurdles frame size.
A kind of method of adjusting webpage intermediate hurdles frame, in single page, be provided with the hurdle frame, and with described page setup is state of self-adapting adjustment, in the described page, be provided with scale and vernier, determine the scope of frame position, hurdle by the end points of described scale, scale on the scale is represented the number percent of hurdle frame scope, and the quantity of vernier is relevant with the number of hurdle frame; And said method comprising the steps of:
Monitor the incident of mouse drag vernier by browser, the position after dragging by the vernier that drags and vernier is known the hurdle frame that drags and is dragged the position on the border corresponding with described vernier, back;
According to the position that drags described hurdle, back edge circle, adjust the size of this hurdle frame in the described page.
A kind of device that is used to adjust webpage intermediate hurdles frame, described webpage is single page and is in state of self-adapting adjustment, in the described page, be provided with scale and vernier, determine the scope of frame position, hurdle by the end points of described scale, scale on the scale is represented the number percent of hurdle frame scope, and the quantity of vernier is relevant with the number of hurdle frame; And described device comprises:
Monitor module, be used for monitoring by browser the incident of mouse drag vernier, the position after dragging by the vernier that drags and vernier is known the hurdle frame that drags and is dragged the position on the border corresponding with described vernier, back;
Processing module is used for the position according to this hurdle edge circle after dragging, and adjusts the size of this hurdle frame in the described page.
The embodiment of the invention is determined adjustment to single page intermediate hurdles frame by monitoring mouse event, realized the user can adjust arbitrarily the hurdle wide with the hurdle height.
Description of drawings
The synoptic diagram of the template that provides in the prior art is provided Fig. 1;
Fig. 2 is the synoptic diagram of WORD scale in the prior art;
Fig. 3 is a main method process flow diagram of adjusting the hurdle frame in the embodiment of the invention;
Fig. 4 is the synoptic diagram of page instance in the embodiment of the invention;
Fig. 5 is about monitoring the detailed method process flow diagram of mouse process in the embodiment of the invention;
Fig. 6 is about hiding or the detailed method process flow diagram of output character process in the embodiment of the invention;
Fig. 7 is about hiding the synoptic diagram of picture in the embodiment of the invention;
Fig. 8 is about adjusting the detailed method process flow diagram with deletion hurdle frame in the embodiment of the invention;
Fig. 9 is about adjusting to increase the detailed method process flow diagram of hurdle frame in the embodiment of the invention;
Figure 10 is the synoptic diagram behind the increase hurdle frame in the embodiment of the invention;
Figure 11 is a detailed method process flow diagram of adjusting the hurdle frame in the embodiment of the invention by vernier;
Figure 12 is the synoptic diagram of the template of accepted scale in the embodiment of the invention;
Figure 13 is the detailed method process flow diagram that increases the hurdle frame in the embodiment of the invention by vernier;
The structural drawing of Figure 14 for installing in the embodiment of the invention.
Embodiment
The embodiment of the invention is adjusted hurdle frame in the single webpage by mouse, determines adjusted size of hurdle frame or position according to the mouse event that listens to by browser, realizes the adjustable of hurdle frame size.
Webpage in the embodiment of the invention is based on the single page of web agreement.The hurdle frame is a kind of rectangle frame that is used for the zoning, and is concrete as form (table) or piece literal (can claim DIV, a kind of is the structure of control module with the piece) etc.Described rectangle frame has constituted the border of hurdle frame.The width of hurdle frame (it is wide to be called for short the hurdle) is meant hurdle frame length in the horizontal direction, and the height of hurdle frame (being called for short the hurdle height) is meant the length of hurdle frame in the vertical direction.Because the actual size of webpage is with exploration on display resolution ratio and show that the size of forms is relevant, so use percentage recently to determine size in the webpage design usually, promptly wide the and height of the page is 100%.
Referring to Fig. 3, the main method flow process of adjusting the hurdle frame in the present embodiment is as follows:
At least one hurdle frame is set in single page in advance, and is state of self-adapting adjustment, specifically can pass through pattern (CSS) and realize the self-adaptation adjustment described page setup.
Step 301: the user passes through the browser browsing page, and by mouse hurdle frame in the webpage and content (comprising literal, picture and image etc.) is edited.
Step 302: monitor mouse event by browser.Mouse event comprise mouse position, rolling mouse, drag mouse, unclamp mouse, click options button (being generally left button) and click property key (being generally right button) etc.
Step 303: according to the mouse event that listens to know the hurdle frame of mouse drag and drag after this hurdle edge circle position in the described page.
Step 304:, adjust the size of this hurdle frame in the described page according to the position of this hurdle edge circle after dragging.
Further export the adjusted hurdle frame and the page to the user by browser.
Present embodiment is technical scheme for convenience of description, and the synoptic diagram (being Fig. 4) of a page is provided.Describing the implementation procedure of adjusting the hurdle frame in detail at continuous mouse event below, referring to shown in Figure 5, is that example describes with individual blog, and idiographic flow is as follows:
Step 501: the user obtains the blog template that operator provides by the browser browsing page, and this template is the single page that comprises the hurdle frame, and the number of hurdle frame is generally 3, comprises 4 hurdle frames so present embodiment makes things convenient for for example.
Step 502: monitor mouse event, catch the coordinate of current mouse, know that mouse moves to the right margin of hurdle frame 1 (also being the left margin of hurdle frame 2), when the position of the right margin of front fence frame 1 is 40%, symbol " % " can omit.This operation will have influence on the size of hurdle frame 1 and hurdle frame 2.
Step 503: monitor mouse event, know and click the mouse left button and drag mouse.Be that example describes to drag mouse left below.
Step 504: monitor mouse event, know and unclamp left mouse button, catch the coordinate of current mouse, according to the definite position of adjusting the right margin of back fence frame 1 of this coordinate, as 20%.
Step 505: the right margin of hurdle frame 1 adjusts to 20% from 40%, and the up-and-down boundary of hurdle frame 1 needs the self-adaptation adjustment, has dwindled 50% so the hurdle of adjusted hurdle frame 1 is wide, cause hurdle frame 1 size reduction 50%.
Step 506: self-adaptation is adjusted the size of hurdle frame 2, and promptly the left margin of hurdle frame 2 adjusts to 20% from 40%, so adjusted hurdle frame 2 has increased 1/3rd.
Step 507: export the adjusted hurdle frame state and the page to the user by browser.
If imported literal in the hurdle frame, then when adjusting the hurdle frame, need adjust literal wherein, otherwise influence user experience.Referring to shown in Figure 6, idiographic flow is as follows at the processing of hurdle frame Chinese words:
Step 601: monitor mouse event, the right margin of knowing hurdle frame 1 adjusts to 20% from 40%, and hurdle frame 1 has dwindled 50%.
Step 602: according to the size of adjusting back fence frame order output character again, the number of hurdle tolerance system delegation literal, the line number of the high restriction in hurdle literal.Specifically can control by pixel, for example, a Chinese character accounts for 4 pixels, and hurdle wide 20% comprises 12 pixels, and hurdle high 50% comprises 24 pixels, then exportable 6 Chinese characters of the delegation in this hurdle frame, 72 Chinese characters of exportable 12 row altogether.If this hurdle frame has been imported 80 Chinese characters, then need to hide 8 Chinese characters (not considering punctuation mark).
Step 603: the discovery literal takes up space and ((as 12 * 24=288), needs the hidden parts literal as 4 * 80=320) sizes greater than the hurdle frame.
Step 604: the order according to input characters is hidden the literal that exceeds part, promptly hides the literal of afterbody, as back 8 words in the concealment column frame.
Above-mentioned steps is the adjustment at hurdle frame 1 Chinese words, for adjusting the hurdle frame 2 that rear space increases, may also need to adjust literal wherein, and implementation procedure is as follows:
Step 605: monitor mouse event, know that the left margin of hurdle frame 2 adjusts to 20% from 40%.
Step 606: according to the size of adjusting back fence frame order output character again.For example, for adjusted hurdle frame 2, hurdle wide 80% comprises 48 pixels, and hurdle high 50% comprises 24 pixels, then exportable 24 Chinese characters of the delegation in this hurdle frame, 288 Chinese characters of exportable 12 row altogether.If this hurdle frame has been imported 150 Chinese characters, then before adjustment, hidden 56 Chinese characters (not considering punctuation mark), after adjustment, need to export hiding Chinese character so.
Step 607: adjust the space that the back increases according to hurdle frame 2, according to the hiding Chinese character of the order output of input characters.
Above-mentioned steps is the method for adjustment at literal, for picture or image, because the position relative fixed of the pixel in picture or the image, can not therefrom enter a new line automatically, so at picture or image is the wide and high content of hiding or exporting appropriate section in hurdle according to adjusted hurdle, referring to shown in Figure 7.
The foregoing description is described the wide method in horizontal adjustment hurdle in detail, for the high method in vertical adjustment hurdle, as drag the lower boundary (also being the coboundary of hurdle frame 3, may also be the coboundary of the lower boundary and the hurdle frame 4 of hurdle frame 2) of hurdle frame 1, the method wide with the horizontal adjustment hurdle is similar, does not repeat them here.Equally, drag mouse when mouse moves to the lower right corner of hurdle frame 1, the method for adjusting the hurdle frame is equivalent to adopt simultaneously the wide method in horizontal adjustment hurdle and vertically adjusts the high method in hurdle, does not repeat them here.
The foregoing description is that to overlap with the border of adjacent two hurdle frames be the explanation that example is carried out, adjacent as hurdle frame 1 and hurdle frame 2, hurdle frame 3 with hurdle frame 4, if the border of adjacent two hurdle frames does not overlap, there is certain distance, this distance immobilizes usually, then when adjusting hurdle frame 1, but still self-adaptation is adjusted hurdle frame 2, hurdle frame 3 and hurdle frame 4.
The template that present embodiment provides for the user is that acquiescence comprises 4 hurdle frames, and in actual applications, the user may need 3 or 5 hurdle frames, then needs hurdle frame number is adjusted.Referring to shown in Figure 8, the realization flow that reduces hurdle frame number is as follows:
Be provided with the scope that is used to limit the hurdle frame in the page, the hurdle frame can not exceed this scope, can be with the border of the page range boundary as restriction hurdle frame.And, be provided with hurdle frame number.
Step 801: monitor mouse event by browser, find that mouse is dragging the right margin of hurdle frame 1.
Step 802: monitor mouse event, know and unclamp left mouse button, catch the coordinate of current mouse.
Step 803: determine that the position of current mouse overlaps with range boundary, promptly the right margin of hurdle frame 1 overlaps with its left margin (also being range boundary).If its position has exceeded described scope when unclamping mouse, the position of then giving tacit consent to current mouse overlaps with range boundary.
Step 804: deletion hurdle frame 1, and upgrade hurdle frame number subtracts 1 to major general hurdle frame number.
Step 805: automatic accommodation hurdle frame 2.
Step 806: may need automatic accommodation hurdle frame 3 and hurdle frame 4, because the right margin of hurdle frame 1 and overlapping of left margin may cause the right margin of hurdle frame 3 and overlapping of left margin, thus need deletion hurdle frame 3, and upgrade hurdle frame number.
Wherein, step 804-806 is relatively independent operation, does not have strict execution successively, also can carry out synchronously.So the operation of upgrading hurdle frame number in the step 804 and 806 can be same operation, promptly once hurdle frame number is subtracted 2.
If before adjusting hurdle frame 1, in hurdle frame 1, imported literal or picture etc., then with the right margin of hurdle frame 1 with after left margin overlaps, concealment column frame 1, and do not delete hurdle frame 1 does not need to upgrade the number of hurdle frame yet.
Referring to Fig. 9, the realization flow that increases hurdle frame number is as follows:
Step 901: monitor mouse event by browser, find that mouse is dragging the left margin (left margin of scope shown in also being) of hurdle frame 1.
Step 902: monitor mouse event, know and unclamp left mouse button, catch the coordinate of current mouse.
Step 903: the position of determining current mouse neither is positioned at left margin and also is not positioned at right margin in described scope.
Step 904: increase a hurdle frame, and upgrade hurdle frame number, add 1 to major general hurdle frame number.
Step 905: self-adaptation is adjusted hurdle frame 1 and hurdle frame 2.
Step 906: may need automatic accommodation hurdle frame 3 and hurdle frame 4.Because to dragging of the left margin of hurdle frame 1, may increase a hurdle frame in the left side of hurdle frame 3, the hurdle frame that increases in the hurdle frame of this increase and the step 904 can be a same hurdle frame, hurdle frame that also can be different, if different hurdle frames then needs to upgrade the number of hurdle frame.
Wherein, step 904-906 is relatively independent operation, does not have strict execution successively, also can carry out synchronously.So the operation of upgrading hurdle frame number in the step 904 and 906 can be same operation, when the left side at hurdle frame 1 and hurdle frame 3 respectively increases a hurdle frame, can once hurdle frame number be added 2.Can increase the mode of hurdle frame when adjusting the hurdle frame by the information inquiry, the present embodiment acquiescence increases a hurdle frame in the left side of hurdle frame 1, and hurdle frame 3 remains unchanged.The mode of above-mentioned three kinds of increase hurdle frames can be referring to synoptic diagram shown in Figure 10.
In step 903 and 904, if the left margin of hurdle frame 1 has being drawn to the right margin of described scope, then deletion hurdle frame 1 and hurdle frame 2 when increasing a hurdle frame need subtract 1 with hurdle frame number at this moment.If before adjusting the hurdle frame, imported content in hurdle frame 1 and the hurdle frame 2, when then the left margin of hurdle frame 1 being drawn to the right margin of described scope, concealment column frame 1 and hurdle frame 2, and do not delete.
Above-mentioned two embodiment describe that the horizontal adjustment hurdle increases when wide or the method for deletion hurdle frame in detail, increase when high for vertical adjustment hurdle or the method for deletion hurdle frame, as drag the lower boundary (lower boundary of scope as described in also being of hurdle frame 3, may also be the lower boundary of hurdle frame 4), method with the horizontal adjustment hurdle when wide is similar, does not repeat them here.
Present embodiment to position and the size of user's display field frame in the page, has adopted scale and vernier for more intuitively, and the scale on the scale is represented the number percent of hurdle frame scope, and adjusts the hurdle frame by dragging of vernier.Horizontal level in page top is provided with scale and vernier, and the quantity of vernier is relevant with the number of horizontal direction hurdle frame, and present embodiment mainly is applicable to the integral body adjustment of hurdle frame 1 and hurdle frame 3.At first introduce the method when being applied in hurdle frame adjustment below, do not relate to the increase of hurdle frame number.Referring to shown in Figure 11, the concrete grammar flow process is as follows:
Step 1101: the user obtains the blog template that operator provides, referring to synoptic diagram shown in Figure 12 by the browser browsing page.
Step 1102: monitor mouse event, catch the coordinate of current mouse, know that mouse has moved on the vernier in left side, the position is 25%.
Step 1103: monitor mouse event, know and click the mouse left button and drag mouse.Be that example describes to drag mouse left below.
Step 1104: monitor mouse event, know and unclamp left mouse button, catch the coordinate of current mouse, determine the position of left side vernier, promptly 0% according to this coordinate.
Step 1105: hide or delete the hurdle frame in left side, may need to upgrade the number of hurdle frame.If the hurdle frame in deletion left side then also can be deleted the vernier in left side.
Step 1106: self-adaptation is adjusted the hurdle frame on middle and right side.
Referring to Figure 13, as follows with the method realization flow that increases the hurdle frame by dragging vernier adjustment hurdle frame:
At least at the two ends of scale a vernier is set respectively.Present embodiment acquiescence provides two hurdle frames on the horizontal direction to the user, so at the two ends of scale two verniers are arranged, a vernier that is used for two hurdles of mark frame coincidence boundary is arranged also in the centre of scale.
Step 1301: monitor mouse event by browser, find that mouse is dragging the vernier of left end.
Step 1302: monitor mouse event, know and unclamp left mouse button, catch the coordinate of current mouse.
Step 1303: position after vernier moves and is determined according to the position of current mouse in the position of determining current mouse in range boundary.
Step 1304: increase a hurdle frame, and upgrade the number of hurdle frame, hurdle frame number is added 1.It is wide that the scale label of current vernier correspondence is the hurdle of this hurdle frame.
Step 1305: self-adaptation is adjusted former left-hand column frame (the hurdle frame in centre position now) and right-hand column frame.
Step 1306: at vernier of left end output of scale.This vernier may be newly-generated, then needs the number of vernier is added 1.Also may when vernier is set, be provided with, be equivalent to a plurality of verniers and overlap, for example set in advance 5 verniers, before adjustment, only export 3 verniers, then 6 hurdle frames can be set at most.Also can not limit the maximum number of hurdle frame, the number that is about to vernier is set to infinitely, in actual applications, the number that vernier can be set is 100, usually the user can not use 101 hurdle frames in one direction, so 100 verniers can satisfy all users' demand, be equivalent to be provided with unlimited a plurality of vernier.
To adjust the hurdle high or when by vertical direction the adjustment of hurdle frame being increased or reducing the hurdle frame when needs, vertical direction (normally in page left side) at the page is provided with scale and vernier, similar when its method and horizontal direction are provided with scale and vernier do not repeat them here.
Referring to Figure 14, the device that is used to adjust the hurdle frame in the present embodiment comprises: monitor module 1401 and processing module 1402.This device can be specially server or client.
Monitor the mouse event that module 1401 is used for monitoring by browser the single page that is set to state of self-adapting adjustment, and know the hurdle frame of mouse drag and drag after this hurdle edge circle in the position of the described page.
Processing module 1402 is used for the position according to this hurdle edge circle after dragging, and adjusts the size of this hurdle frame in the described page.Processing module 1402 also is used to hide, delete or increase the processing of aspects such as hurdle frame when adjusting the hurdle frame, and upgrades the number of hurdle frame and vernier; And also be used for hiding or the processing of aspects such as the literal of Output bar frame or picture.
Described device also comprises interface module, and this interface module can be specially browser, is used to know user's operation and exports when adjusting and the adjusted page to the user.
Described device also comprises the memory module that is used for buffer memory or forever preserves described single page, can be specially storage mediums such as buffer memory, hard disk and flash memory.
Be used for realizing that the software of the embodiment of the invention can be stored in storage mediums such as floppy disk, hard disk and flash memory.
The embodiment of the invention determines adjustment to single page intermediate hurdles frame to have realized that the user can adjust the wide and hurdle height in hurdle arbitrarily by monitoring mouse event, especially realized hiding automatically or deleting of hurdle frame under the limiting case of adjusting.And the embodiment of the invention has realized the automatic increase of hurdle frame by adjusting the relation of hurdle edge circle and range boundary.The embodiment of the invention is also pointed out the position and the size of each hurdle frame of user intuitively by scale and vernier, improved user experience.The embodiment of the invention is realizing the hurdle adjustable while of frame, has also realized changing the content of adjusting automatically in the hurdle frame according to the adjustment of hurdle frame, helps the correct output of content and browsing of user.
Obviously, those skilled in the art can carry out various changes and modification to the present invention and not break away from the spirit and scope of the present invention.Like this, if of the present invention these are revised and modification belongs within the scope of claim of the present invention and equivalent technologies thereof, then the present invention also is intended to comprise these changes and modification interior.

Claims (10)

1, a kind of method of adjusting webpage intermediate hurdles frame, it is characterized in that, in single page, be provided with the hurdle frame, and with described page setup is state of self-adapting adjustment, in the described page, be provided with scale and vernier, determine the scope of frame position, hurdle by the end points of described scale, the scale on the scale is represented the number percent of hurdle frame scope, and the quantity of vernier is relevant with the number of hurdle frame; And said method comprising the steps of:
Monitor the incident of mouse drag vernier by browser, the position after dragging by the vernier that drags and vernier is known the hurdle frame that drags and is dragged the position on the border corresponding with described vernier, back;
According to the position that drags described hurdle, back edge circle, adjust the size of this hurdle frame in the described page.
2, the method for claim 1 is characterized in that, when being provided with adjacent two hurdle frames in the described page, when a hurdle frame in two hurdle frames is carried out the adjustment of adjacent direction, adjusts the size of another hurdle frame accordingly.
3, the method for claim 1 is characterized in that, when recording literal in the described hurdle frame, and according to the adjusted size of described hurdle frame, the corresponding output of adjusting literal.
4, method as claimed in claim 3 is characterized in that, has exceeded described hurdle frame adjusted when size when literal takes up space, and the order during according to input characters is hidden the literal that exceeds part; Perhaps
Exceeded size before described hurdle frame is adjusted when literal takes up space, and frame adjusted size in described hurdle is when becoming big before adjusting, the order the when space that increases according to described hurdle frame import according to literal is exported hiding literal.
5, as each described method in the claim 1 to 4, it is characterized in that, when the border of adjusting described hurdle frame when overlapping with the border of opposite side, hiding or delete described hurdle frame.
As each described method in the claim 1 to 4, it is characterized in that 6, when the described vernier of mouse drag exceeded described scope, the position of adjusted described hurdle edge circle overlapped with the range boundary of described scope.
7, method as claimed in claim 6 is characterized in that, is provided with the number of hurdle frame in the described page; When described hurdle frame is positioned at the edge of described scope, and when adjusting described hurdle frame, upgrade described number with border that described scope overlaps.
8, method as claimed in claim 7 is characterized in that, is provided with scale in the described page, and is provided with vernier at the two ends of scale, determines the border that described hurdle frame overlaps with described scope by described vernier.
9, method as claimed in claim 8 is characterized in that, adjust described vernier after, export vernier automatically at the end points place of scale.
10, a kind of device that is used to adjust webpage intermediate hurdles frame, it is characterized in that, described webpage is single page and is in state of self-adapting adjustment, in the described page, be provided with scale and vernier, determine the scope of frame position, hurdle by the end points of described scale, scale on the scale is represented the number percent of hurdle frame scope, and the quantity of vernier is relevant with the number of hurdle frame; And described device comprises:
Monitor module, be used for monitoring by browser the incident of mouse drag vernier, the position after dragging by the vernier that drags and vernier is known the hurdle frame that drags and is dragged the position on the border corresponding with described vernier, back;
Processing module is used for the position according to this hurdle edge circle after dragging, and adjusts the size of this hurdle frame in the described page.
CNB2007101815724A 2007-10-23 2007-10-23 A kind of method and device of adjusting webpage intermediate hurdles frame Active CN100561415C (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CNB2007101815724A CN100561415C (en) 2007-10-23 2007-10-23 A kind of method and device of adjusting webpage intermediate hurdles frame

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CNB2007101815724A CN100561415C (en) 2007-10-23 2007-10-23 A kind of method and device of adjusting webpage intermediate hurdles frame

Publications (2)

Publication Number Publication Date
CN101140496A CN101140496A (en) 2008-03-12
CN100561415C true CN100561415C (en) 2009-11-18

Family

ID=39192465

Family Applications (1)

Application Number Title Priority Date Filing Date
CNB2007101815724A Active CN100561415C (en) 2007-10-23 2007-10-23 A kind of method and device of adjusting webpage intermediate hurdles frame

Country Status (1)

Country Link
CN (1) CN100561415C (en)

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102193933A (en) * 2010-03-10 2011-09-21 北大方正集团有限公司 Method and system for webpage editing
CN102012787B (en) * 2010-11-19 2012-12-05 互动在线(北京)科技有限公司 Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet
CN102707890B (en) * 2012-05-15 2016-02-17 深圳市同洲电子股份有限公司 A kind of browsing method of webpage and device
CN104462114A (en) * 2013-09-17 2015-03-25 北大方正集团有限公司 Webpage template generation method and webpage template generation device
CN105824485B (en) * 2015-01-05 2019-03-12 珠海金山办公软件有限公司 A kind of method for displaying textbox and device
CN104915459A (en) * 2015-07-07 2015-09-16 英业达科技有限公司 Dynamic regulation system of webpage form and method thereof
CN105094622B (en) * 2015-09-08 2018-05-22 上海上讯信息技术股份有限公司 Adjust the method and apparatus of form col width
CN107247540B (en) * 2017-06-26 2020-11-17 磐安纵横信息科技有限公司 Application icon adjusting method and device
TWI657343B (en) * 2017-09-01 2019-04-21 莊坤衛 System capable of adaptively adjusting embedded web page element and method thereof
CN107679120A (en) * 2017-09-18 2018-02-09 广东中标数据科技股份有限公司 A kind of multi-functional visual presentation platform and its implementation
CN112184795A (en) * 2020-09-18 2021-01-05 上海微亿智造科技有限公司 Mobile scale construction and function calling method, device and storage medium
CN114816606B (en) * 2021-01-28 2024-04-02 抖音视界有限公司 Self-adaptive adjustment method and device of window graduated scale, electronic equipment and medium
CN113934392B (en) * 2021-10-13 2024-06-28 广东睿盟计算机科技有限公司 Isolation double-machine same-screen control method and device, computer equipment and storage medium

Also Published As

Publication number Publication date
CN101140496A (en) 2008-03-12

Similar Documents

Publication Publication Date Title
CN100561415C (en) A kind of method and device of adjusting webpage intermediate hurdles frame
US20220236866A1 (en) Method and system for section-based editing of a website page
CN104090979B (en) A kind of page authoring method and device
US9977768B2 (en) System for clipping webpages by traversing a dom, and highlighting a minimum number of words
US9507520B2 (en) Touch-based reorganization of page element
US8171401B2 (en) Resizing an editable area in a web page
CN104657451B (en) The processing method and processing device of the page
US20140372947A1 (en) Touch target optimization system
US20100211467A1 (en) computerized method and system for effectively utilizing empty-spaces on websites
CN103425485A (en) Interface edition and operation system and method for ordinary users
CN102622395B (en) Method, server and client for assisting in accessing to webpage by application virtualization
CN109145272B (en) Text rendering and layout method, device, equipment and storage medium
CN104574256A (en) Method and device for locally selecting and processing image
CN105867820A (en) Text editing method and device for touch screen
CN105787091A (en) Content publishing system and method supporting multiple terminals
US20180357206A1 (en) Content inker
CN101923422A (en) Page display method, electronic device and program product
JP2012064207A (en) Host device and content display method of the same
CN113204401A (en) Browser rendering method, terminal and storage medium
US20140337709A1 (en) Method and apparatus for displaying web page
CN105373560A (en) On-line showing method of publication page
US20160320948A1 (en) Document and object manipulation
KR20230080034A (en) Computing appartus and method for editing web page in movile environmet
CN106294431A (en) The automatic intercept method of a kind of field and device
CN108829474A (en) Adaptation method, device, mobile terminal and the storage medium at mobile terminal interface

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
ASS Succession or assignment of patent right

Owner name: BEIJING Z-GOOD RUITUO TECHNOLOGY SERVICE CO., LTD.

Free format text: FORMER OWNER: XUNLEI NETWORK TECHNOLOGY CO., LTD., SHENZHEN

Effective date: 20131028

C41 Transfer of patent application or patent right or utility model
COR Change of bibliographic data

Free format text: CORRECT: ADDRESS; FROM: 518057 SHENZHEN, GUANGDONG PROVINCE TO: 100085 HAIDIAN, BEIJING

TR01 Transfer of patent right

Effective date of registration: 20131028

Address after: 100085 Beijing city Haidian District No. 33 Xiaoying Road 1 1F05 room

Patentee after: Beijing Zhigu Ruituo Technology Service Co., Ltd.

Address before: 518057 Guangdong, Shenzhen, Nanshan District science and technology in the road, Shenzhen, No. 11, software park, building 7, level 8, two

Patentee before: Xunlei Network Technology Co., Ltd., Shenzhen