CN103513889A - Method for rapidly inputting dynamic information in social network site - Google Patents
Method for rapidly inputting dynamic information in social network site Download PDFInfo
- Publication number
- CN103513889A CN103513889A CN201210214332.0A CN201210214332A CN103513889A CN 103513889 A CN103513889 A CN 103513889A CN 201210214332 A CN201210214332 A CN 201210214332A CN 103513889 A CN103513889 A CN 103513889A
- Authority
- CN
- China
- Prior art keywords
- input frame
- social network
- button
- network sites
- navigation bar
- 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.)
- Granted
Links
Images
Abstract
The invention discloses a method for rapidly inputting dynamic information in a social network site. The method comprises the steps that if a navigation bar of the social network site is in the mobile positioning mode, the navigation bar of the social network site is set to be in the fixed positioning mode at first; a float input frame button is arranged in the navigation bar of the social network site, a float input frame is popped up when a user triggers the button, and therefore the user can input dynamic information; a control unit is set, when the top end of a page of the social network site is detected to be rolled out of the top end of a display window exceeding a preset distance, the control unit displays the float input frame button on the navigation bar; when the distance between the top end of the page of the social network site and the top end of the display window is detected to be smaller than or equal to the preset distance, the control unit conceals the float input frame button. According to the technical scheme, the user can rapidly input the dynamic information when browsing the dynamic information and user experience is improved.
Description
Technical field
Internet technical field of the present invention, particularly a kind of method of inputting fast multidate information in social network sites.
Background technology
At present, the social network sites that everybody is conventional, as SNS(Social Networking Services, social network services) website, space, microblogging etc., at homepage top, generally all can have individual input frame, as shown in Figure 1, Fig. 1 is the schematic diagram of existing a kind of Website page to example.User can input mood, strange thing etc. in input frame, and then below is the multidate information district of people/tissue issue multidate information of good friend or user's concern.
Conventionally multidate information district is all very long, user can drag the slide block of the page and browse more multidate information downwards, and in a lot of situations, user is when browsing multidate information district, can come back something or want to write some views or sigh with deep feeling by feeling sending out because of multidate information, still, input frame rolls out display window already, referring to Fig. 2, Fig. 2 is the schematic diagram that in the website using page, input frame has rolled out display window.If user will input multidate information, need the page to tow back to top, then in input frame, input multidate information, after issuing successfully, drag again slide block and continue to browse multidate information, not only can repeat to browse the multidate information seen, lose time, and input multidate information at every turn and all the page will be towed back to top, complex operation affects ease for use, has reduced user's experience.
Summary of the invention
In view of this, the invention provides a kind of method of inputting fast multidate information in social network sites, make user when browsing multidate information, can input fast multidate information, improved user's experience.
In order to achieve the above object, technical scheme of the present invention is achieved in that
The invention discloses a kind of method of inputting fast multidate information in social network sites, the method comprises:
If the navigation bar of social network sites is on-fixed station-keeping mode, first the navigation bar of social network sites is set to stationary positioned pattern;
A unsteady input frame button is set in the navigation bar of social network sites, when user triggers this button, ejects the input frame that floats, for user, input multidate information;
One control module is set, when the page top of social network sites being detected and roll out display window top and surpass predeterminable range, this control module shows described unsteady input frame button on navigation bar, when the page top of social network sites and the distance on display window top being detected and be less than or equal to described predeterminable range, this control module is hidden described unsteady input frame button.
Described user triggers this button and comprises: with mouse, click this button, or this button of mouse-over.
The method further comprises:
Eject the input frame that floats when clicking this button with mouse after, while again clicking this button, hide the input frame that floats;
Eject the input frame that floats when this button of mouse-over after, mouse skids off the hiding input frame that floats while floating input frame.
Described this control module shows that on navigation bar described unsteady input frame button comprises: the sign icon of the social network sites on the icon replacing navigation bar of the input frame button that floats for this control module;
Described this control module is hidden described unsteady input frame button and is comprised: the icon of the unsteady input frame button on the sign icon replacing navigation bar of social network sites for this control module.
Described this control module shows that on navigation bar described unsteady input frame button comprises: the demonstration of the unsteady input frame button element pattern of this control module is set to " locking ";
Described this control module is hidden described unsteady input frame button and is comprised: the demonstration of the unsteady input frame button element pattern of this control module is set to " nothing ".
The page top that social network sites detected rolls out display window top and comprises over predeterminable range: function is processed in the slide block slip event binding that is display window, in the inside of data function, judge the value of the spool top property of page elements, when the value that spool top property detected is greater than described predeterminable range, the page top of determining social network sites rolls out display window top and surpasses predeterminable range.
The page top of social network sites and the distance on display window top being detected is less than or equal to described predeterminable range and comprises: when the value that spool top property detected is less than or equal to described predeterminable range, determine that the page top of social network sites and the distance on display window top are less than or equal to described predeterminable range.
The navigation bar of described social network sites is set to stationary positioned pattern and comprises: the style bit that the navigation arrangement Container elements of navigation bar is set is set to " fixing ".
The navigation bar of described social network sites is set to stationary positioned pattern and comprises: by the style bit that uses JAVASCRIPT language that the navigation arrangement Container elements of navigation bar is set, be set to " definitely ", in JAVASCRIPT code, monitoring display window slide block slip event recalculates vertical height with location navigation assembly container element simultaneously.
Ejecting the input frame that floats comprises: the mouse of binding button element enters event, and when triggering unsteady input frame button, the input frame place Container elements that makes to float shows;
Hiding the input frame that floats comprises: the mouse leave event of the unsteady input frame of binding place Container elements, and when leaving, triggers mouse, hide the input frame place Container elements that floats.
From above-mentioned, the present invention is this, and the navigation bar of social network sites is set to stationary positioned pattern, and a unsteady input frame button is set in the navigation bar of social network sites, ejects the input frame that floats when user triggers this button, for user, inputs multidate information, in addition, one control module is set, when the page top of social network sites being detected and roll out display window top and surpass predeterminable range, this control module shows described unsteady input frame button on navigation bar, when the page top of social network sites and the distance on display window top being detected and be less than or equal to described predeterminable range, this control module is hidden the technical scheme of described unsteady input frame button, make the user can be when browsing multidate information, input at any time multidate information, and after input has been issued, can follow the content of just having read continues to browse, release news more timely, simple and quick, improved user's experience.
Accompanying drawing explanation
Fig. 1 is the schematic diagram of existing a kind of Website page;
Fig. 2 is the schematic diagram that in the website using page, input frame has rolled out display window;
Fig. 3 is a kind of process flow diagram of inputting fast the method for multidate information in social network sites in the embodiment of the present invention;
Fig. 4 is the schematic diagram of the unsteady input frame having ejected in the embodiment of the present invention.
Embodiment
The navigation bar of existing social network sites is all generally stationary positioned pattern, and navigation bar is fixed on the top of window viewing area all the time, even if slide block slides into page lowermost end, also can see navigation bar.Even if be not stationary positioned pattern, can be changed into stationary positioned pattern yet.Therefore, the present invention arranges one in navigation bar can eject the button of the unsteady input frame of input multidate information fast, and when user presses this button, a unsteady input frame will eject, and user just can input multidate information at any time.
For making the object, technical solutions and advantages of the present invention clearer, below in conjunction with accompanying drawing, embodiment of the present invention is described further in detail.
Fig. 3 is a kind of process flow diagram of inputting fast the method for multidate information in social network sites in the embodiment of the present invention.As shown in Figure 3, the method comprises:
301, if the navigation bar of social network sites is on-fixed station-keeping mode, first the navigation bar of social network sites is set to stationary positioned pattern.
302, a unsteady input frame button is set in the navigation bar of social network sites, when triggering this button, user ejects the input frame that floats, for user, input multidate information.
Fig. 4 is the schematic diagram of the unsteady input frame having ejected in the embodiment of the present invention.Unsteady input frame can be identical in outward appearance and function with the input frame of page top, also can be as shown in Figure 1 and Figure 4, and some difference in function, can be according to concrete scene adjustment.
303, one control module is set, when the page top of social network sites being detected and roll out display window top and surpass predeterminable range, this control module shows described unsteady input frame button on navigation bar, when the page top of social network sites and the distance on display window top being detected and be less than or equal to described predeterminable range, this control module is hidden described unsteady input frame button.
When slide block is positioned at page top, user can see the input frame of page top, therefore by a control module is set, controls the demonstration of the input frame that floats and hides in this step.Described predeterminable range and the height correlation of input frame, for example, the height of input frame is 100px, this predeterminable range can be 120px, 100px or 80px etc.
The concrete behavior that user triggers the input frame button that floats comprises: with mouse, click this button, or this button of mouse-over.
Method shown in Fig. 3 further comprises: eject the input frame that floats when clicking this button with mouse after, hide the input frame that floats while again clicking this button; Or eject the input frame that floats when this button of mouse-over after, mouse skids off the hiding input frame that floats while floating input frame.
In order to make navigation bar more succinctly attractive in appearance, can when hiding the button of the input frame that floats, normally show the sign icon (logo picture) of website, and when showing the button of the input frame that floats, use the sign icon of the icon replacing website of this button, referring to Fig. 4.
Therefore, described this control module in Fig. 3 shows that on navigation bar described unsteady input frame button comprises: the sign icon of the social network sites on the icon replacing navigation bar of the input frame button that floats for this control module; Described this control module is hidden described unsteady input frame button and is comprised: the icon of the unsteady input frame button on the sign icon replacing navigation bar of social network sites for this control module.
Input frame outward appearance, the functions etc. of floating can come specific definition to realize by the div of html.
The above-mentioned a kind of technology that increases the function button that the unsteady input frame of ejection is set on navigation bar realizes specific as follows:
Described this control module shows that on navigation bar described unsteady input frame button is specially: this control module is set to the demonstration (display) of the input frame button element pattern (style) that floats " locking (block) ";
Described this control module is hidden described unsteady input frame button and is comprised: this control module is set to the demonstration (display) of the input frame button element pattern (style) that floats " without (none) ".
The page top that social network sites detected rolls out display window top and comprises over predeterminable range: slide block slip (onscroll) event binding that is display window (window) is processed function, in the inside of data function, judge the value of spool top (scrollTop) attribute of the page (document) element, when the value that spool top (scrollTop) attribute detected is greater than described predeterminable range, the page top of determining social network sites rolls out display window top and surpasses predeterminable range.
The page top of social network sites and the distance on display window top being detected is less than or equal to described predeterminable range and comprises: when the value that spool top (scrollTop) attribute detected is less than or equal to described predeterminable range, determine that the page top of social network sites and the distance on display window top are less than or equal to described predeterminable range.
The navigation bar of described social network sites is set to stationary positioned pattern and comprises: the pattern position (style.position) that the navigation arrangement Container elements of navigation bar is set is " fixing (fixed) ", to realize the stationary positioned of navigation arrangement, even if screen scroll navigation also rests on top always
It should be noted that, in minority, do not support under the browser of fixed location or respective version (as IE6), needing the pattern position (style.position) by using JAVASCRIPT language that the navigation arrangement Container elements of navigation bar is set is " definitely (absolute) ", and in JAVASCRIPT code, monitoring display window slide block (window.onScroll) event of sliding recalculates vertical height with location navigation assembly container element simultaneously.
The specific implementation that ejects the input frame that floats can be: the mouse of binding button element enters (onmouseenter) event, and when triggering unsteady input frame button, the input frame place Container elements that makes to float shows;
The specific implementation of hiding the input frame that floats can be: the mouse of the unsteady input frame of binding place Container elements leaves (onmouseleave) event, when mouse leaves, triggers, and hides the input frame place Container elements self that floats.
As for the realization of the function of input frame of floating own, completely consistent with common input frame, be not separately described in detail herein.
In sum, the present invention is this, and the navigation bar of social network sites is set to stationary positioned pattern, and a unsteady input frame button is set in the navigation bar of social network sites, ejects the input frame that floats when user triggers this button, for user, inputs multidate information, in addition, one control module is set, when the page top of social network sites being detected and roll out display window top and surpass predeterminable range, this control module shows described unsteady input frame button on navigation bar, when the page top of social network sites and the distance on display window top being detected and be less than or equal to described predeterminable range, this control module is hidden the technical scheme of described unsteady input frame button, make the user can be when browsing multidate information, input at any time multidate information, and after input has been issued, can follow the content of just having read continues to browse, release news more timely, simple and quick, improved user's experience.
The foregoing is only preferred embodiment of the present invention, be not intended to limit protection scope of the present invention.All any modifications of doing within the spirit and principles in the present invention, be equal to replacement, improvement etc., be all included in protection scope of the present invention.
Claims (10)
1. in social network sites, input fast a method for multidate information, it is characterized in that, the method comprises:
If the navigation bar of social network sites is on-fixed station-keeping mode, first the navigation bar of social network sites is set to stationary positioned pattern;
A unsteady input frame button is set in the navigation bar of social network sites, when user triggers this button, ejects the input frame that floats, for user, input multidate information;
One control module is set, when the page top of social network sites being detected and roll out display window top and surpass predeterminable range, this control module shows described unsteady input frame button on navigation bar, when the page top of social network sites and the distance on display window top being detected and be less than or equal to described predeterminable range, this control module is hidden described unsteady input frame button.
2. method according to claim 1, is characterized in that, described user triggers this button and comprises: with mouse, click this button, or this button of mouse-over.
3. method according to claim 2, is characterized in that, the method further comprises:
Eject the input frame that floats when clicking this button with mouse after, while again clicking this button, hide the input frame that floats;
Eject the input frame that floats when this button of mouse-over after, mouse skids off the hiding input frame that floats while floating input frame.
4. method according to claim 1, is characterized in that,
Described this control module shows that on navigation bar described unsteady input frame button comprises: the sign icon of the social network sites on the icon replacing navigation bar of the input frame button that floats for this control module;
Described this control module is hidden described unsteady input frame button and is comprised: the icon of the unsteady input frame button on the sign icon replacing navigation bar of social network sites for this control module.
5. according to the method described in any one in claim 1-4, it is characterized in that,
Described this control module shows that on navigation bar described unsteady input frame button comprises: the demonstration of the unsteady input frame button element pattern of this control module is set to " locking ";
Described this control module is hidden described unsteady input frame button and is comprised: the demonstration of the unsteady input frame button element pattern of this control module is set to " nothing ".
6. according to the method described in any one in claim 1-4, it is characterized in that, the page top that social network sites detected rolls out display window top and comprises over predeterminable range: function is processed in the slide block slip event binding that is display window, in the inside of data function, judge the value of the spool top property of page elements, when the value that spool top property detected is greater than described predeterminable range, the page top of determining social network sites rolls out display window top and surpasses predeterminable range.
7. method according to claim 6, it is characterized in that, the page top of social network sites and the distance on display window top being detected is less than or equal to described predeterminable range and comprises: when the value that spool top property detected is less than or equal to described predeterminable range, determine that the page top of social network sites and the distance on display window top are less than or equal to described predeterminable range.
8. according to the method described in any one in claim 1-4, it is characterized in that, the navigation bar of described social network sites is set to stationary positioned pattern and comprises:
The style bit that the navigation arrangement Container elements of navigation bar is set is set to " fixing ".
9. according to the method described in any one in claim 1-4, it is characterized in that, the navigation bar of described social network sites is set to stationary positioned pattern and comprises:
By the style bit that uses JAVASCRIPT language that the navigation arrangement Container elements of navigation bar is set, be set to " definitely ", in JAVASCRIPT code, monitoring display window slide block slip event recalculates vertical height with location navigation assembly container element simultaneously.
10. method according to claim 3, is characterized in that,
Ejecting the input frame that floats comprises: the mouse of binding button element enters event, and when triggering unsteady input frame button, the input frame place Container elements that makes to float shows;
Hiding the input frame that floats comprises: the mouse leave event of the unsteady input frame of binding place Container elements, and when leaving, triggers mouse, hide the input frame place Container elements that floats.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210214332.0A CN103513889B (en) | 2012-06-25 | 2012-06-25 | A kind of method rapidly inputting multidate information in social network sites |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210214332.0A CN103513889B (en) | 2012-06-25 | 2012-06-25 | A kind of method rapidly inputting multidate information in social network sites |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103513889A true CN103513889A (en) | 2014-01-15 |
| CN103513889B CN103513889B (en) | 2016-12-21 |
Family
ID=49896708
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210214332.0A Active CN103513889B (en) | 2012-06-25 | 2012-06-25 | A kind of method rapidly inputting multidate information in social network sites |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103513889B (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105138221A (en) * | 2015-08-13 | 2015-12-09 | 中国石油化工股份有限公司 | Auxiliary learning apparatus for chemical process flow chart |
| WO2016000640A1 (en) * | 2014-07-03 | 2016-01-07 | U3D Limited | Cooperative work method on webpage |
| CN105302821A (en) * | 2014-06-26 | 2016-02-03 | 阿里巴巴集团控股有限公司 | Data query method and apparatus |
| CN106326230A (en) * | 2015-06-17 | 2017-01-11 | 派斡信息技术（上海）有限公司 | Method for cooperative work on web page |
| CN106502497A (en) * | 2016-10-20 | 2017-03-15 | 合网络技术（北京）有限公司 | Interactive hurdle transform method and device |
| CN108196931A (en) * | 2018-01-30 | 2018-06-22 | 深圳市富途网络科技有限公司 | A kind of floating layer display module and method for display extension information |
| CN109656443A (en) * | 2018-10-31 | 2019-04-19 | 百度在线网络技术（北京）有限公司 | Page display method and device |
| CN110244948A (en) * | 2019-04-24 | 2019-09-17 | 深圳点猫科技有限公司 | The method and electronic equipment that language switches over button state based on programming |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101359327A (en) * | 2007-08-02 | 2009-02-04 | 广州左右软件技术有限公司 | Display packing of cyber community on web page |
| CN102222087A (en) * | 2011-05-24 | 2011-10-19 | 魏新成 | Method for performing search navigation by activating search navigation window special for display |
-
2012
- 2012-06-25 CN CN201210214332.0A patent/CN103513889B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101359327A (en) * | 2007-08-02 | 2009-02-04 | 广州左右软件技术有限公司 | Display packing of cyber community on web page |
| CN102222087A (en) * | 2011-05-24 | 2011-10-19 | 魏新成 | Method for performing search navigation by activating search navigation window special for display |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105302821A (en) * | 2014-06-26 | 2016-02-03 | 阿里巴巴集团控股有限公司 | Data query method and apparatus |
| WO2016000640A1 (en) * | 2014-07-03 | 2016-01-07 | U3D Limited | Cooperative work method on webpage |
| TWI581117B (en) * | 2014-07-03 | 2017-05-01 | 阿貝爾環球國際有限公司 | Cooperative work method on webpage |
| CN106326230A (en) * | 2015-06-17 | 2017-01-11 | 派斡信息技术（上海）有限公司 | Method for cooperative work on web page |
| CN105138221A (en) * | 2015-08-13 | 2015-12-09 | 中国石油化工股份有限公司 | Auxiliary learning apparatus for chemical process flow chart |
| CN105138221B (en) * | 2015-08-13 | 2018-03-30 | 中国石油化工股份有限公司青岛安全工程研究院 | Flow Diagram for Chemical Process auxiliary study device |
| CN106502497A (en) * | 2016-10-20 | 2017-03-15 | 合网络技术（北京）有限公司 | Interactive hurdle transform method and device |
| CN108196931A (en) * | 2018-01-30 | 2018-06-22 | 深圳市富途网络科技有限公司 | A kind of floating layer display module and method for display extension information |
| CN109656443A (en) * | 2018-10-31 | 2019-04-19 | 百度在线网络技术（北京）有限公司 | Page display method and device |
| CN110244948A (en) * | 2019-04-24 | 2019-09-17 | 深圳点猫科技有限公司 | The method and electronic equipment that language switches over button state based on programming |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103513889B (en) | 2016-12-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103513889A (en) | Method for rapidly inputting dynamic information in social network site | |
| US10088999B2 (en) | Scroll end effects for websites and content | |
| CN102144213B (en) | Scrollable area multi-scale viewing | |
| CN102934063B (en) | Display control unit and display control method | |
| US11893216B1 (en) | Multi-function graphical user interface button | |
| CN103425485A (en) | Interface edition and operation system and method for ordinary users | |
| CN104317474A (en) | Window switching method and device | |
| KR101588943B1 (en) | Information processing device, information processing method and storage medium storing information processing program | |
| CN105138568B (en) | Search result shows method, apparatus and search engine | |
| CN104461309A (en) | Method and device for cross-page object position adjustment based on dragging operation | |
| DE102012200672A1 (en) | A content control method and system for optimizing information on a display screen of a mobile device | |
| CN102831155A (en) | Method and device for displaying micro image of webpage tag | |
| CN107533568B (en) | System and method for determining application zoom level | |
| KR20160018866A (en) | Method and device for animated display of information | |
| CN106648364A (en) | Mobile application view structure-based method for viewing collected contents immediately | |
| CN110647272A (en) | Display control method and device | |
| CN108628510A (en) | Content display method, device, electronic equipment and readable storage medium storing program for executing | |
| CN104808903A (en) | Text selection method and text selection device | |
| WO2014082303A1 (en) | Terminal and control method for screen backlight | |
| US20130185670A1 (en) | Graphical view of social content streams | |
| CN105320432A (en) | Scroll bar display method and apparatus | |
| CN108415637B (en) | Multi-layer display method and system for list-type interface | |
| CN103257795A (en) | Method and device for showing contact person list | |
| US20140096090A1 (en) | Information and action bar for a user interface | |
| CN102646011A (en) | Touch control method |
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 | ||
| CP02 | Change in the address of a patent holder |
Address after: Room 810, 8 / F, 34 Haidian Street, Haidian District, Beijing 100080 Patentee after: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. Address before: 100089 Beijing city Haidian District wanquanzhuang Road No. 28 Wanliu new building 6 storey block A room 602 Patentee before: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. |
|
| CP02 | Change in the address of a patent holder |