CN103092986A - Feedback method and feedback device aiming at web page - Google Patents
Feedback method and feedback device aiming at web page Download PDFInfo
- Publication number
- CN103092986A CN103092986A CN2013100481632A CN201310048163A CN103092986A CN 103092986 A CN103092986 A CN 103092986A CN 2013100481632 A CN2013100481632 A CN 2013100481632A CN 201310048163 A CN201310048163 A CN 201310048163A CN 103092986 A CN103092986 A CN 103092986A
- Authority
- CN
- China
- Prior art keywords
- dynamic
- plug
- presenting
- dynamic effect
- attribute
- 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
- 238000000034 method Methods 0.000 title claims abstract description 54
- 230000000694 effects Effects 0.000 claims abstract description 157
- 238000009877 rendering Methods 0.000 claims description 32
- 230000033001 locomotion Effects 0.000 claims description 19
- 238000012795 verification Methods 0.000 claims description 13
- 238000010586 diagram Methods 0.000 description 11
- 238000004590 computer program Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 230000008569 process Effects 0.000 description 6
- 230000008901 benefit Effects 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000003993 interaction Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 230000003111 delayed effect Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000002411 adverse Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000021615 conjugation Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a feedback method aiming at a web page. The method comprises the steps of reading input operation to obtain input information aiming at the web page presented on an interface, determining a dynamic property corresponding to the input information according to a preset rule of correspondence, and presenting a corresponding dynamic effect of the dynamic property to achieve feedback of the input. According to the feedback method aiming at the web page, the feedback with the dynamic effect is achieved for the web page with diverse information. Compared with character feedback in the prior art, amount of information carried by the feedback is increased obviously, feedback information can be learned by a user visually, and better experience is brought to the user. The invention further provides a feedback device aiming at the web page.
Description
Technical Field
The embodiment of the invention relates to the field of web pages, in particular to a feedback method and device for web pages.
Background
This section is intended to provide a background or context to the embodiments of the invention that are recited in the claims. The description herein may include concepts that could be pursued, but are not necessarily ones that have been previously conceived or pursued. Thus, unless otherwise indicated herein, what is described in this section is not prior art to the description and claims in this application and is not admitted to be prior art by inclusion in this section.
On a web page, according to the input information of the user, corresponding text feedback is usually presented to achieve the purpose of interaction, for example:
when a user performs input operations such as logging in a mailbox, logging in a website account and the like through a webpage, matching verification is performed according to a user name and a password input by the user. When the authentication fails, a string of text descriptions is presented on the web page to feed back information such as a user name or a password error.
Disclosure of Invention
However, in a network environment, feedback information is diverse, and describing the diverse information by text requires a large number of text descriptions, and a user cannot intuitively know the feedback information.
Therefore, in the prior art, feedback in the web page interaction process is a very annoying process.
Therefore, an improved feedback method and apparatus for web pages are needed to achieve intuitive feedback.
In this context, embodiments of the present invention are intended to provide a feedback method and apparatus for a web page.
In a first aspect of embodiments of the present invention, a method for web page feedback is provided, including:
reading input operation aiming at a webpage presented on an interface to obtain input information;
determining a dynamic attribute corresponding to the input information according to a preset corresponding rule;
and presenting a dynamic effect corresponding to the dynamic attribute on the interface to realize the feedback of the input.
Optionally, the dynamic attribute may be any one or a combination of the following:
a style attribute that causes the component to render a dynamic effect;
or,
a unique identification of a plug-in for rendering a dynamic effect.
In an embodiment of the present invention, for example, the dynamic attribute may be a style attribute that causes the component to present a dynamic effect, and the specific implementation of presenting the dynamic effect corresponding to the dynamic attribute on the interface to implement feedback on the input may be:
and modifying the style attribute of the component of the webpage into the dynamic attribute, so that the component presents a dynamic effect on the interface.
Optionally, the dynamic attribute may be a style attribute for moving the component along a preset trajectory.
Optionally, the preset trajectory may include any one or a combination of the following:
a trajectory that reciprocates along a straight line;
or,
a track which repeatedly takes the current position of the component as a starting point and alternately moves along the clockwise direction and the anticlockwise direction;
or,
the trajectory of the movement along a preset curve.
Optionally, the dynamic attribute for moving the component along the preset track may be a style attribute for moving the component along the preset track by a preset fixed number of pixels within a preset time.
Optionally, the reading of the input operation performed on the web page presented on the interface may be the reading of the input operation performed on a login component of the web page presented on the interface;
optionally, wherein, according to a preset rule of correspondence, determining the dynamic attribute corresponding to the input information may include:
judging whether the input information is the combination of user name information and password information;
if not, determining that the input information specifically corresponds to the first dynamic attribute according to a preset corresponding rule;
and if the result is not matched, the input information is determined to specifically correspond to the second dynamic attribute.
Optionally, the matching and verifying the username information and the password information may include:
sending the user name information and the password information to a server;
and receiving a result fed back after the server performs matching verification on the user name information and the password information.
In another embodiment of the present invention, for example, the dynamic attribute may be a unique identifier of a plug-in for presenting a dynamic effect, and the specific implementation of presenting the dynamic effect corresponding to the dynamic attribute on the interface to implement feedback on the input may be:
acquiring the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect;
and invoking the plug-in for presenting the dynamic effect to run so as to present the dynamic effect on the interface.
Optionally, the plug-in for presenting dynamic effects may be any one or a combination of the following:
a plug-in developed by taking Flash as a tool;
or,
and the Sliverlight is used as a plug-in developed by a tool.
Optionally, the obtaining of the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect may be obtaining the plug-in for presenting the dynamic effect from a web page according to the unique identifier, where the plug-in for presenting the dynamic effect is included in the web page while the web page is loaded from the server.
Optionally, the obtaining of the plug-in for presenting the dynamic effect may be performed by sending a request for obtaining the plug-in for presenting the dynamic effect to the server according to the unique identifier of the plug-in for presenting the dynamic effect, obtaining the plug-in for presenting the dynamic effect according to feedback of the server to the request, and loading the plug-in the web page.
Optionally, wherein obtaining the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect may include:
judging whether the plug-in for presenting the dynamic effect is stored at one side presenting the webpage or not according to the unique identifier;
if not, sending a request for obtaining the plug-in used for presenting the dynamic effect to the server, wherein the request carries the unique identifier, and obtaining and storing the plug-in used for presenting the dynamic effect according to the feedback of the server aiming at the request;
if so, the plug-in is read from the storage device used to store the plug-in.
In a second aspect of the embodiments of the present invention, there is provided a feedback apparatus for a web page, which may include:
an input reading unit: the method can be configured to perform reading of input operation for a webpage presented on the interface to obtain input information;
a dynamic pre-selection unit: the dynamic attribute determining module can be configured to determine a dynamic attribute corresponding to the input information according to a preset corresponding rule;
a dynamic rendering unit: the dynamic effect corresponding to the dynamic attribute can be configured to be presented on the interface to realize the feedback of the input.
Optionally, wherein the dynamic preselection unit: the method can be configured to determine any one or a combination of the following dynamic attributes corresponding to the input information according to a preset corresponding rule:
a style attribute that causes the component to render a dynamic effect;
or,
a unique identification of a plug-in for rendering a dynamic effect.
Optionally, wherein the dynamic rendering unit: when the dynamic property is the style property which enables the component to present the dynamic effect, the style property of the component of the webpage is modified into the dynamic property, and the component presents the dynamic effect on the interface.
Optionally, wherein the input reading unit: the input device can be configured to read input operation aiming at a login component of a webpage presented on an interface;
wherein the dynamic preselection unit: the system can be configured to determine whether the input information is a combination of user name information and password information;
if not, determining that the input information specifically corresponds to the first dynamic attribute according to a preset corresponding rule;
and if the result is not matched, the input information is determined to specifically correspond to the second dynamic attribute.
Optionally, wherein the dynamic preselection unit: the configuration may be used to send the user name information and the password information to the server, and receive a result fed back after the server performs matching verification on the user name information and the password information.
Optionally, wherein the dynamic rendering unit: the method can be configured to, when the dynamic attribute is the unique identifier of the plug-in for presenting the dynamic effect, obtain the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect, and call the plug-in for presenting the dynamic effect to run so as to present the dynamic effect on the interface.
Optionally, wherein the dynamic rendering unit: the plug-in for rendering dynamic effects may be configured to be obtained from the web page based on the unique identifier, wherein the plug-in for rendering dynamic effects is included in the web page while the web page is loaded from the server.
Optionally, wherein the dynamic rendering unit: the method may be configured to obtain the plug-in for presenting the dynamic effect according to feedback of the server to the request by sending a request for obtaining the plug-in for presenting the dynamic effect to the server, and load the plug-in the webpage.
Optionally, wherein the dynamic rendering unit: the method can be configured to determine, according to the unique identifier, whether the plug-in for presenting the dynamic effect is stored on the side where the web page is presented, and if not, send a request for obtaining the plug-in for presenting the dynamic effect to the server, where the request carries the unique identifier, obtain and store the plug-in for presenting the dynamic effect according to feedback of the server to the request, and if so, read the plug-in from a storage device for storing the plug-in.
According to the feedback method and device for the webpage, the dynamic attribute corresponding to the input information can be obtained according to the input information, the dynamic effect corresponding to the dynamic attribute is presented to achieve feedback of the input, the webpage with the information diversity characteristic presents dynamic effect feedback, compared with the text feedback in the prior art, the information quantity carried by the feedback is remarkably improved, a user can visually know the feedback information, and better experience is brought to the user.
It should be noted that, in the course of web page interaction, feedback by characters has become a thinking fixed form of those skilled in the art in the years of network development, and the invention is also creative in breaking through the thinking fixed form and providing a technical scheme for realizing dynamic effect feedback, so that a feedback mode different from the prior art appears in the web page interaction process, and the invention is a technical progress.
Drawings
The above and other objects, features and advantages of exemplary embodiments of the present invention will become readily apparent from the following detailed description read in conjunction with the accompanying drawings. Several embodiments of the invention are illustrated by way of example, and not by way of limitation, in the figures of the accompanying drawings and in which:
FIG. 1 schematically illustrates a block diagram of an exemplary computing system 100 suitable for implementing embodiments of the present invention;
FIG. 2 schematically illustrates an application scenario in which the present invention may be implemented;
FIG. 3 schematically illustrates a flow chart of a feedback method for a web page according to an embodiment of the invention;
fig. 4 schematically shows a composition diagram of a feedback device for a web page according to another embodiment of the present invention.
In the drawings, the same or corresponding reference numerals indicate the same or corresponding parts.
Detailed Description
The principles and spirit of the present invention will be described with reference to a number of exemplary embodiments. It is understood that these embodiments are given solely for the purpose of enabling those skilled in the art to better understand and to practice the invention, and are not intended to limit the scope of the invention in any way. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
FIG. 1 illustrates a block diagram of an exemplary computing system 100 suitable for implementing embodiments of the present invention. As shown in fig. 1, computing system 100 may include: a Central Processing Unit (CPU) 101, a Random Access Memory (RAM) 102, a Read Only Memory (ROM) 103, a system bus 104, a hard disk controller 105, a keyboard controller 106, a serial interface controller 107, a parallel interface controller 108, a display controller 109, a hard disk 110, a keyboard 111, a serial external device 112, a parallel external device 113, and a display 114. Among these devices, coupled to the system bus 104 are a CPU101, a RAM102, a ROM103, a hard disk controller 105, a keyboard controller 106, a serial controller 107, a parallel controller 108, and a display controller 109. The hard disk 110 is coupled to the hard disk controller 105, the keyboard 111 is coupled to the keyboard controller 106, the serial external device 112 is coupled to the serial interface controller 107, the parallel external device 113 is coupled to the parallel interface controller 108, and the display 114 is coupled to the display controller 109. It should be understood that the block diagram of the architecture depicted in FIG. 1 is for purposes of illustration only and is not intended to limit the scope of the present invention. In some cases, certain devices may be added or subtracted as the case may be.
As will be appreciated by one skilled in the art, embodiments of the present invention may be embodied as a system, method or computer program product. Accordingly, the present disclosure may be embodied in the form of: entirely hardware, entirely software (including firmware, resident software, micro-code, etc.) or a combination of hardware and software, and is referred to herein generally as a "circuit," module "or" system. Furthermore, in some embodiments, the invention may also be embodied in the form of a computer program product in one or more computer-readable media having computer-readable program code embodied in the medium.
Any combination of one or more computer-readable media may be employed. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive example) of the computer readable storage medium may include, for example: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
Embodiments of the present invention will be described below with reference to flowchart illustrations of methods and block diagrams of apparatuses (or systems) of embodiments of the invention. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable medium that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable medium produce an article of manufacture including instruction means which implement the function/act specified in the flowchart and/or block diagram block or blocks.
The computer program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable apparatus or other devices to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide processes for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks.
According to the embodiment of the invention, a feedback method and a feedback device for a webpage are provided.
In this document, it is to be understood that any number of elements in the figures are provided by way of illustration and not limitation, and any nomenclature is used for differentiation only and not in any limiting sense.
The principles and spirit of the present invention are explained in detail below with reference to several representative embodiments of the invention.
Summary of The Invention
The inventor finds that for a webpage, because the webpage has the characteristic of network environment information diversity, the webpage is fed back by characters, because the information quantity which can be expressed by the characters is too small, a large amount of character description is needed, a user can not intuitively and fully know feedback information, and the user can feed back by a dynamic effect by corresponding the input of the user with the dynamic attribute, the information quantity which can be expressed can be greatly improved, and the user can intuitively and fully know the feedback information.
Having described the general principles of the invention, various non-limiting embodiments of the invention are described in detail below.
Application scene overview
Referring first to fig. 2, a login window in a web page shown in fig. 2 is an application scenario of an embodiment of the present invention. The embodiment of the present invention may, for example, feedback the login window shown in fig. 2 by presenting a dynamic effect such as window shaking when the input login information is incorrect, but of course, the application scenario of the present invention is not limited to presenting a dynamic effect feedback when the input information is incorrect, and may also present a dynamic effect feedback when any input operation such as an operation is completed, an account is locked, an input is correct, and an input frequency is high.
Exemplary method
A feedback method for a web page according to an exemplary embodiment of the present invention is described below with reference to fig. 3 in conjunction with the application scenario of fig. 2. It should be noted that the above application scenarios are merely illustrated for the convenience of understanding the spirit and principles of the present invention, and the embodiments of the present invention are not limited in this respect. Rather, embodiments of the present invention may be applied to any scenario where applicable.
Referring to fig. 3, it is a flowchart of a feedback method for a web page provided in the present invention. As shown, for example, the method may include:
s310, reading input operation aiming at the webpage displayed on the interface to obtain input information;
s320, determining a dynamic attribute corresponding to the input information according to a preset corresponding rule;
and S330, presenting a dynamic effect corresponding to the dynamic attribute on the interface to realize feedback of the input.
It should be noted that the method may be implemented by code contained in a web page. For example, the javascript code is triggered to be executed when the web page is loaded into the browser by using the browser as an operating environment of the code, or the method may be executed outside the web page and implemented by a code outside the web page, and further, the input operation of the user is fed back on the interface in a dynamic effect by detecting the input operation of the web page presented on the interface.
Wherein, the reading of the input operation is performed on the web page presented on the interface, and it can be understood by those skilled in the art that the reading of the input operation performed on any element on the web page can be included. For example, the reading of an input operation for a web page login window, the reading of an input operation for a certain text input box (as an example of a control) that can be presented on a web page, or the reading of a click operation for a certain link that can be presented on a web page, etc. may be performed.
After reading the input operation, the input operation may be parsed to obtain input information. For example: for the reading of the input operation of the web page login window, after the input operation is read, the input operation of the input window can be analyzed, and the analysis process can include reading a variable of the input window for representing an input text and extracting input information from the variable according to the format of the variable. Of course, one skilled in the art will appreciate that parsing is not an essential step of the invention, but is only a step required in certain cases.
By applying the method of the embodiment, the corresponding rule can be preset, the input information and the dynamic attribute are corresponding in the corresponding rule, and then the dynamic attribute corresponding to the input information can be obtained according to the corresponding rule after the input information is obtained by reading the input operation aiming at the webpage presented on the interface, so that the dynamic effect corresponding to the dynamic attribute can be presented on the interface, and a user can visually and fully know the feedback information by presenting the dynamic effect.
Wherein, the dynamic effect corresponding to the dynamic attribute can be presented by any element in the webpage. For example, the dynamic attribute may be presented by shaking, vibrating, moving according to a preset curve, or playing of other animation plug-ins, or may be presented by components in the web page or the whole web page, specifically, for example, any one or a combination of the following:
a style attribute that causes the component to render a dynamic effect;
or,
a unique identification of a plug-in for rendering a dynamic effect.
(embodiment one) the following describes the present invention in detail by taking the dynamic property as an example of a style property for enabling a component to present a dynamic effect:
it should be noted that the style attribute for enabling the component to present the dynamic effect may include any attribute in a cascading style sheet (css), or multiple attributes, where an attribute in the css cascading style sheet is used to implement style representation of a page element in a web browser, and when the dynamic attribute is a style attribute for enabling the component to present the dynamic effect, the step S330 of presenting the dynamic effect corresponding to the dynamic attribute on the interface to implement feedback on the input may specifically be:
and modifying the style attribute of the component of the webpage into the dynamic attribute, so that the component presents a dynamic effect on the interface.
When the dynamic attribute is a plurality of style attribute values, the modification of the style attribute of the component of the web page to the dynamic attribute may specifically be performed according to a preset modification sequence and modification time for each style attribute value.
If the dynamic effect of the component presented on the interface is to move along a preset track, the dynamic property may be: and (4) a style attribute for enabling the component to move along a preset track.
The preset track comprises any one or combination of the following:
the track of reciprocating motion along a straight line is equivalent to the shaking effect;
or,
the track of alternately moving in the clockwise direction and the anticlockwise direction repeatedly by taking the current position of the assembly as a starting point is equivalent to the vibration effect, and the vibration effect can be enhanced by combining the reciprocating motion in the vertical horizontal direction when the track alternately moves in the clockwise direction and the anticlockwise direction;
or,
the trajectory of the movement along a preset curve.
The dynamic attribute that causes the component to move along the preset track may specifically be a style attribute that causes the component to move along the preset track by a preset fixed number of pixels within a preset time.
Taking the trajectory of the reciprocating motion along the straight line as an example, the style attribute may include the time length of the straight line motion in each direction in the reciprocating motion, the number of pixels in the motion, and the direction of the motion, specifically:
the length of time for each direction of the linear motion in the back and forth motion may be: the back and forth movement is broken down on a 100% unit time axis into 10% unit time lengths each of which is 10% unit time lengths, for example each 10% unit time length may be 400 milliseconds;
the direction of movement may be: the direction of movement is a particular direction for the first 10% of the unit of time, and the direction of movement is the opposite direction to the previous direction of movement for every subsequent 10% of the unit of time;
the number of pixels in motion may be: moving 10 pixels per 10% unit of time.
Accordingly, modifying the style property of the component of the web page to the dynamic property may specifically include:
at the initial moment, the style attribute is modified to move 10 pixels towards a specific direction within 10% unit time length;
starting timing from the initial time;
and modifying the style attribute to move 10 pixels in the direction opposite to the last movement direction in the time length of the next 10% unit after the time length of the timing duration is increased by 10% unit until the time length of the timing duration reaches 100% unit, and ending the flow.
In addition, the presentation may be delayed for a certain time before the dynamic effect of the component is presented on the interface. For example, 200 milliseconds may be delayed to allow the user time to modify the input operation to reduce the adverse experience of the user presented with dynamic effects frequently due to incorrect input operations.
The above embodiment may be implemented by using hypertext markup language html5 and css3 cascading style sheets, and certainly, the dynamic effects that can be implemented by applying the hypertext markup language and the cascading style sheets are not limited to the above embodiment, and various dynamic effects may be implemented by setting the corresponding relationship between the input information and the style attributes of the dynamic effects that need to be presented, which is not limited in the present invention.
Next, taking the example of reading the input operation performed on the login component of the web page, the detailed description will be given of the step S320 for determining the dynamic attribute corresponding to the input information according to the preset correspondence rule. For example, the step S320 may include:
judging whether the input information is the combination of user name information and password information;
if not, determining that the input information specifically corresponds to the first dynamic attribute according to a preset corresponding rule;
and if the result is not matched, the input information is determined to specifically correspond to the second dynamic attribute.
Of course, when the result is matching, it may also be determined that the input information corresponds to a third dynamic attribute, or when the result is matching, it is determined that the input information does not have a corresponding dynamic attribute, and the post-login state of the web page is directly presented without dynamic effect feedback.
The matching verification of the user name information and the password information can be performed at a server side. For example: the matching and verifying the user name information and the password information specifically may include:
sending the user name information and the password information to a server;
and receiving a result fed back after the server performs matching verification on the user name information and the password information.
Or, the verification may be performed on the side where the web page is presented, for example, the database information for matching verification is stored in a browser cache on the side where the web page is presented, and then the matching verification of the user name information and the password information may specifically include:
matching and verifying the combination of the user name information and the password information with database information stored in a browser cache;
and feeding back a verification result.
Furthermore, the number of times that the verification result is unmatched may also be recorded, and if it is continuously more than, for example, 3 times, the text of forgetting the password may be presented while presenting the feedback in a dynamic effect to prompt the user to retrieve the password.
(embodiment two) the following describes the present invention in detail by taking the example that the dynamic attribute is the unique identifier of the plug-in for presenting the dynamic effect:
it should be noted that the unique identifier of the plug-in used for presenting the dynamic effect may be a unique identifier such as a name that uniquely identifies the plug-in.
When the dynamic attribute is specifically the unique identifier of the plug-in for presenting the dynamic effect, the specific implementation of presenting the dynamic effect corresponding to the dynamic attribute on the interface to implement feedback on the input may be:
acquiring the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect;
and invoking the plug-in for presenting the dynamic effect to run so as to present the dynamic effect on the interface.
Wherein the plug-in for presenting dynamic effect can be any one or combination of the following:
a plug-in developed by taking Flash as a tool;
or,
and the Sliverlight is used as a plug-in developed by a tool.
In addition to the animation plug-ins developed by the two tools, the present invention is not limited thereto.
The obtaining of the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect may be implemented in several ways, for example:
the plug-in for presenting the dynamic effect can be obtained from the webpage according to the unique identification, wherein the plug-in for presenting the dynamic effect is contained in the webpage when the webpage is loaded from the server;
the advantages of this embodiment are: because the plug-in is contained in the webpage when the webpage is loaded from the server, when the plug-in is obtained from the webpage, the plug-in does not depend on the network transmission speed, the obtaining speed is high, and the dynamic effect can be presented as soon as possible;
or,
the plug-in for presenting the dynamic effect can be obtained according to the feedback of the server to the request by sending the request for obtaining the plug-in for presenting the dynamic effect to the server, and the plug-in is loaded in the webpage;
the advantages of this embodiment are: when the webpage is loaded from the server, the plug-in is not required to be loaded, only when the input information corresponds to the dynamic attribute, the request for obtaining the plug-in is sent to the server, and then the plug-in is loaded only when the requirement for presenting the dynamic effect is generated, and when the requirement is not generated, the plug-in is not required to be loaded, so that the network resource can be saved, and the storage space can be saved.
Or,
judging whether the plug-in for presenting the dynamic effect is stored at one side presenting the webpage or not according to the unique identifier;
if not, sending a request for obtaining the plug-in used for presenting the dynamic effect to the server, wherein the request carries the unique identifier, and obtaining and storing the plug-in used for presenting the dynamic effect according to the feedback of the server aiming at the request;
if so, the plug-in is read from the storage device used to store the plug-in.
The advantages of this embodiment are: because the implementation mode is equivalent to loading the plug-in to one side of the webpage for storage when the webpage has a requirement for presenting a dynamic effect for the first time, for example, the plug-in can be stored on the hardware equipment on one side of the webpage, and further, when the webpage is loaded from the server again, the plug-in stored on the hardware equipment can be reused, and the same plug-in does not need to be loaded once again when the webpage is reloaded every time, so that the purpose of saving network resources is achieved.
It should be noted that, the manner of obtaining the plug-in according to the unique identifier of the plug-in is not limited to the above-mentioned ones, which is only an illustrative illustration of the preferred embodiment of the present invention, and other embodiments within the spirit of the present invention should also fall into the protection scope of the present invention.
Exemplary devices
Having described the method of the exemplary embodiment of the present invention, a feedback apparatus for a web page of the exemplary embodiment of the present invention will be described with reference to fig. 4.
Referring to fig. 4, which is a block diagram of a feedback apparatus for a web page according to the present invention, as shown in the figure, the apparatus may include:
input read unit 410: the method can be configured to perform reading of input operation for a webpage presented on the interface to obtain input information;
dynamic preselection unit 420: the dynamic attribute determining module can be configured to determine a dynamic attribute corresponding to the input information according to a preset corresponding rule;
the dynamic rendering unit 430: the dynamic effect corresponding to the dynamic attribute can be configured to be presented on the interface to realize the feedback of the input.
The dynamic attribute corresponding to the input information can be analyzed in an implementation manner, wherein the dynamic preselection unit 420: the method can be configured to determine any one or a combination of the following dynamic attributes corresponding to the input information according to a preset corresponding rule:
a style attribute that causes the component to render a dynamic effect;
or,
a unique identification of a plug-in for rendering a dynamic effect.
The following describes in detail, taking the example that the dynamic pre-selection unit 420 determines the dynamic attribute corresponding to the input information as the style attribute for enabling the component to present the dynamic effect:
in this embodiment, the dynamic rendering unit 430: when the dynamic property is the style property which enables the component to present the dynamic effect, the style property of the component of the webpage is modified into the dynamic property, and the component presents the dynamic effect on the interface.
Specifically, the following is described in detail by taking the component as an example of the login component:
in this embodiment, the input reading unit 410: the input device can be configured to read input operation aiming at a login component of a webpage presented on an interface;
wherein the dynamic pre-selection unit 420: the system can be configured to determine whether the input information is a combination of user name information and password information;
if not, determining that the input information specifically corresponds to the first dynamic attribute according to a preset corresponding rule;
and if the result is not matched, the input information is determined to specifically correspond to the second dynamic attribute.
Wherein the dynamic pre-selection unit 420: the configuration may be used to send the user name information and the password information to the server, and receive a result fed back after the server performs matching verification on the user name information and the password information.
In the following, taking the example that the dynamic pre-selection unit 420 determines that the dynamic attribute corresponding to the input information is the unique identifier of the plug-in for presenting the dynamic effect, the following details are described:
in this embodiment, the dynamic rendering unit 430: the method can be configured to, when the dynamic attribute is the unique identifier of the plug-in for presenting the dynamic effect, obtain the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect, and call the plug-in for presenting the dynamic effect to run so as to present the dynamic effect on the interface.
For several ways in which the plug-in may be implemented, the dynamic rendering unit 430: the plug-in for rendering dynamic effects may be configured to be obtained from the web page based on the unique identifier, wherein the plug-in for rendering dynamic effects is included in the web page while the web page is loaded from the server.
Or,
wherein the dynamic rendering unit 430: the method may be configured to obtain the plug-in for presenting the dynamic effect according to feedback of the server to the request by sending a request for obtaining the plug-in for presenting the dynamic effect to the server, and load the plug-in the webpage.
Or,
wherein the dynamic rendering unit 430: the method can be configured to determine, according to the unique identifier, whether the plug-in for presenting the dynamic effect is stored on the side where the web page is presented, and if not, send a request for obtaining the plug-in for presenting the dynamic effect to the server, where the request carries the unique identifier, obtain and store the plug-in for presenting the dynamic effect according to feedback of the server to the request, and if so, read the plug-in from a storage device for storing the plug-in.
It should be noted that although in the above detailed description several units in the device are mentioned, this division is not mandatory only. Indeed, the features and functions of two or more of the units described above may be embodied in one unit, according to embodiments of the invention. Conversely, the features and functions of one unit described above may be further divided into embodiments by a plurality of units.
Moreover, while the operations of the method of the invention are depicted in the drawings in a particular order, this does not require or imply that the operations must be performed in this particular order, or that all of the illustrated operations must be performed, to achieve desirable results. Rather, the steps depicted in the flowcharts may change the order of execution. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions.
Use of the verbs "comprise", "comprise" and their conjugations in this application does not exclude the presence of elements or steps other than those stated in this application. The article "a" or "an" preceding an element does not exclude the presence of a plurality of such elements.
While the spirit and principles of the invention have been described with reference to several particular embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, nor is the division of aspects, which is for convenience only as the features in such aspects may not be combined to benefit. The invention is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims. The scope of the following claims is to be accorded the broadest interpretation so as to encompass all such modifications and equivalent structures and functions.
Claims (22)
1. A method, comprising:
reading input operation aiming at a webpage presented on an interface to obtain input information;
determining a dynamic attribute corresponding to the input information according to a preset corresponding rule;
and presenting a dynamic effect corresponding to the dynamic attribute on the interface to realize the feedback of the input.
2. The method according to claim 1, wherein the dynamic property is in particular any one or a combination of:
a style attribute that causes the component to render a dynamic effect;
or,
a unique identification of a plug-in for rendering a dynamic effect.
3. The method according to claim 2, wherein when the dynamic property is a style property that causes the component to present a dynamic effect, the specific implementation of presenting the dynamic effect corresponding to the dynamic property on the interface to implement feedback on the input is:
and modifying the style attribute of the component of the webpage into the dynamic attribute, so that the component presents a dynamic effect on the interface.
4. The method according to claim 3, wherein the dynamic property is in particular a style property for moving the component along a preset trajectory.
5. The method of claim 4, wherein the preset trajectory comprises any one or a combination of:
a trajectory that reciprocates along a straight line;
or,
a track which repeatedly takes the current position of the component as a starting point and alternately moves along the clockwise direction and the anticlockwise direction;
or,
the trajectory of the movement along a preset curve.
6. The method according to claim 4, wherein the dynamic property for moving the component along the predetermined trajectory is a style property for moving the component along the predetermined trajectory by a predetermined fixed number of pixels within a predetermined time.
7. The method according to claim 3, wherein the reading of the input operation for the web page presented on the interface is specifically the reading of the input operation for the login component of the web page presented on the interface;
wherein, according to the preset corresponding rule, determining the dynamic attribute corresponding to the input information specifically comprises:
judging whether the input information is the combination of user name information and password information;
if not, determining that the input information specifically corresponds to the first dynamic attribute according to a preset corresponding rule;
and if the result is not matched, the input information is determined to specifically correspond to the second dynamic attribute.
8. The method according to claim 7, wherein the matching and verifying the username information and the password information specifically comprises:
sending the user name information and the password information to a server;
and receiving a result fed back after the server performs matching verification on the user name information and the password information.
9. The method according to claim 2, wherein when the dynamic attribute is a unique identifier of a plug-in for presenting a dynamic effect, presenting the dynamic effect corresponding to the dynamic attribute on the interface to implement feedback on the input is implemented as follows:
acquiring the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect;
and invoking the plug-in for presenting the dynamic effect to run so as to present the dynamic effect on the interface.
10. The method according to claim 9, wherein the plug-in for rendering dynamic effects is specifically any one or a combination of the following:
a plug-in developed by taking Flash as a tool;
or,
and the Sliverlight is used as a plug-in developed by a tool.
11. The method according to claim 9, wherein the obtaining of the plug-in for rendering the dynamic effect according to the unique identifier is specifically obtaining the plug-in for rendering the dynamic effect from a web page according to the unique identifier, wherein the plug-in for rendering the dynamic effect is included in the web page while the web page is loaded from the server.
12. The method according to claim 9, wherein the plug-in for presenting the dynamic effect is obtained according to the unique identifier of the plug-in for presenting the dynamic effect, specifically by sending a request for obtaining the plug-in for presenting the dynamic effect to the server, obtaining the plug-in for presenting the dynamic effect according to feedback of the server to the request, and loading the plug-in the web page.
13. The method according to claim 9, wherein obtaining the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect specifically comprises:
judging whether the plug-in for presenting the dynamic effect is stored at one side presenting the webpage or not according to the unique identifier;
if not, sending a request for obtaining the plug-in used for presenting the dynamic effect to the server, wherein the request carries the unique identifier, and obtaining and storing the plug-in used for presenting the dynamic effect according to the feedback of the server aiming at the request;
if so, the plug-in is read from the storage device used to store the plug-in.
14. An apparatus, comprising:
an input reading unit: the method comprises the steps that the input operation is read aiming at a webpage displayed on an interface to obtain input information;
a dynamic pre-selection unit: the configuration is used for determining the dynamic attribute corresponding to the input information according to a preset corresponding rule;
a dynamic rendering unit: and the dynamic effect corresponding to the dynamic attribute is presented on the interface so as to realize the feedback of the input.
15. The apparatus of claim 14, wherein the dynamic preselection unit: the specific configuration is used for determining any one of the following dynamic attributes or combinations corresponding to the input information according to a preset corresponding rule:
a style attribute that causes the component to render a dynamic effect;
or,
a unique identification of a plug-in for rendering a dynamic effect.
16. The apparatus of claim 15, wherein the dynamic rendering unit: the specific configuration is used for modifying the style attribute of the component of the webpage into the dynamic attribute when the dynamic attribute is the style attribute enabling the component to present the dynamic effect, and enabling the component to present the dynamic effect on the interface.
17. The apparatus of claim 16, wherein the input read unit: the method comprises the steps that input operation reading is conducted on a login component of a webpage displayed on an interface;
wherein the dynamic preselection unit: the specific configuration is used for judging whether the input information is the combination of user name information and password information;
if not, determining that the input information specifically corresponds to the first dynamic attribute according to a preset corresponding rule;
and if the result is not matched, the input information is determined to specifically correspond to the second dynamic attribute.
18. The apparatus of claim 17, wherein the dynamic preselection unit: the specific configuration is used for sending the user name information and the password information to the server and receiving a result fed back after the server performs matching verification on the user name information and the password information.
19. The apparatus of claim 15, wherein the dynamic rendering unit: the specific configuration is used for acquiring the plug-in for presenting the dynamic effect according to the unique identifier of the plug-in for presenting the dynamic effect when the dynamic attribute is the unique identifier of the plug-in for presenting the dynamic effect, and calling the plug-in for presenting the dynamic effect to run so as to present the dynamic effect on the interface.
20. The apparatus of claim 19, wherein the dynamic rendering unit: the specific configuration is used for acquiring the plug-in for presenting the dynamic effect from the webpage according to the unique identification, wherein the plug-in for presenting the dynamic effect is contained in the webpage when the webpage is loaded from the server.
21. The apparatus of claim 19, wherein the dynamic rendering unit: the specific configuration is used for sending a request for obtaining the plug-in for presenting the dynamic effect to the server, obtaining the plug-in for presenting the dynamic effect according to the feedback of the server for the request, and loading the plug-in the webpage.
22. The apparatus of claim 19, wherein the dynamic rendering unit: the specific configuration is used for judging whether the plug-in used for presenting the dynamic effect is stored at one side presenting the webpage according to the unique identifier, if not, sending a request for obtaining the plug-in used for presenting the dynamic effect to the server, wherein the request carries the unique identifier, obtaining and storing the plug-in used for presenting the dynamic effect according to the feedback of the server aiming at the request, and if so, reading the plug-in from a storage device used for storing the plug-in.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2013100481632A CN103092986A (en) | 2013-02-06 | 2013-02-06 | Feedback method and feedback device aiming at web page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2013100481632A CN103092986A (en) | 2013-02-06 | 2013-02-06 | Feedback method and feedback device aiming at web page |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103092986A true CN103092986A (en) | 2013-05-08 |
Family
ID=48205551
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2013100481632A Pending CN103092986A (en) | 2013-02-06 | 2013-02-06 | Feedback method and feedback device aiming at web page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103092986A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105183312A (en) * | 2015-08-28 | 2015-12-23 | 百度在线网络技术（北京）有限公司 | Input processing method and apparatus |
| CN106559455A (en) * | 2015-09-29 | 2017-04-05 | 腾讯科技（深圳）有限公司 | One kind is filled in a form result feedback prompts method and device |
| CN108664535A (en) * | 2017-04-01 | 2018-10-16 | 北京京东尚科信息技术有限公司 | Information output method and device |
| CN113867869A (en) * | 2021-09-29 | 2021-12-31 | 上海哔哩哔哩科技有限公司 | Interactive data display method and device |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101159715A (en) * | 2007-11-16 | 2008-04-09 | 腾讯科技（深圳）有限公司 | Safety information checking method and safety information checking device and client terminal |
| CN101539974A (en) * | 2008-03-07 | 2009-09-23 | 赛门铁克公司 | Detecting, capturing and processing valid login credentials |
-
2013
- 2013-02-06 CN CN2013100481632A patent/CN103092986A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101159715A (en) * | 2007-11-16 | 2008-04-09 | 腾讯科技（深圳）有限公司 | Safety information checking method and safety information checking device and client terminal |
| CN101539974A (en) * | 2008-03-07 | 2009-09-23 | 赛门铁克公司 | Detecting, capturing and processing valid login credentials |
Non-Patent Citations (2)
| Title |
|---|
| PAUL BOAG: "Are You Giving Your Users Positive Feedback", 《HTTP://WWW.SMASHINGMAGAZINE.COM/2012/07/17/ARE-GIVING-USERS-POSITIVE-FEEDBACK/》, 17 July 2012 (2012-07-17), pages 9 - 1 * |
| 沈萍萍等: "《计算机网络基础与实践应用》", 30 September 2012, article "知识点3：网页动态效果的制作", pages: 257-258 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105183312A (en) * | 2015-08-28 | 2015-12-23 | 百度在线网络技术（北京）有限公司 | Input processing method and apparatus |
| CN106559455A (en) * | 2015-09-29 | 2017-04-05 | 腾讯科技（深圳）有限公司 | One kind is filled in a form result feedback prompts method and device |
| CN106559455B (en) * | 2015-09-29 | 2020-06-23 | 腾讯科技（深圳）有限公司 | Form filling result feedback prompting method and device |
| CN108664535A (en) * | 2017-04-01 | 2018-10-16 | 北京京东尚科信息技术有限公司 | Information output method and device |
| CN113867869A (en) * | 2021-09-29 | 2021-12-31 | 上海哔哩哔哩科技有限公司 | Interactive data display method and device |
| CN113867869B (en) * | 2021-09-29 | 2024-10-25 | 上海哔哩哔哩科技有限公司 | Interactive data display method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11030392B2 (en) | Optimization for rendering web pages | |
| EP3465467B1 (en) | Web page accelerations for web application hosted in native mobile application | |
| US10880227B2 (en) | Apparatus, hybrid apparatus, and method for network resource access | |
| CN108038134B (en) | Page display method and device, storage medium and electronic equipment | |
| EP3518124A1 (en) | Webpage rendering method and related device | |
| CN105335404B (en) | Page info loading method and device | |
| US9015657B2 (en) | Systems and methods for developing and delivering platform adaptive web and native application content | |
| US9436772B2 (en) | Appending a uniform resource identifier (URI) fragment identifier to a uniform resource locator (URL) | |
| US10853319B2 (en) | System and method for display of document comparisons on a remote device | |
| US20150106723A1 (en) | Tools for locating, curating, editing, and using content of an online library | |
| US9672197B2 (en) | Universal rebranding engine | |
| KR101962980B1 (en) | Informed partitioning of data in a markup-based document | |
| US11562037B2 (en) | Crawlability of single page applications | |
| CN113382083B (en) | Webpage screenshot method and device | |
| CN105869199A (en) | Apparatus and method for processing animation | |
| EP3249554A1 (en) | Systems and methods for client-side dynamic information resource activation and deactivation | |
| CN103092986A (en) | Feedback method and feedback device aiming at web page | |
| WO2014134990A1 (en) | Method, device and computer-readable storage medium for closure testing | |
| US9183314B2 (en) | Providing browsing history on client for dynamic webpage | |
| CN106294760B (en) | Form processing method, server and client | |
| US20150121192A1 (en) | Debugging errors in display of web pages with partial page refresh | |
| CN109726346B (en) | Page component processing method and device | |
| CN103955548A (en) | Method and device for rendering web page | |
| CN104050165A (en) | Webpage initial focus selection method and device based on IPTV (interactive personal television) | |
| US10706217B2 (en) | Quick access panel for displaying a web page on a mobile device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| ASS | Succession or assignment of patent right |
Owner name: NETEASE MEDIA TECHNOLOGY (BEIJING) CO., LTD. Free format text: FORMER OWNER: WANZHIYI INFORMATION TECHNOLOGY (BEIJING) CO., LTD. Effective date: 20140417 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| COR | Change of bibliographic data |
Free format text: CORRECT: ADDRESS; FROM: 100084 HAIDIAN, BEIJING TO: 100083 HAIDIAN, BEIJING |
|
| TA01 | Transfer of patent application right |
Effective date of registration: 20140417 Address after: 100083, D, building 8, building 1, No. 20-22, Zhongguancun East Road, Haidian District, Beijing Applicant after: NetEase media technology (Beijing) Co., Ltd. Address before: 100084, Zhongguancun 1 East Road, Beijing, Haidian District Tsinghua Science and Technology Park, building 8, building 26, enlightenment technology building, D Applicant before: Wanzhiyi Information Technology (Beijing) Co., Ltd. |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130508 |