CN110688036B - Method for displaying position change of web interface defect associated content - Google Patents
Method for displaying position change of web interface defect associated content Download PDFInfo
- Publication number
- CN110688036B CN110688036B CN201910804604.4A CN201910804604A CN110688036B CN 110688036 B CN110688036 B CN 110688036B CN 201910804604 A CN201910804604 A CN 201910804604A CN 110688036 B CN110688036 B CN 110688036B
- Authority
- CN
- China
- Prior art keywords
- web interface
- document
- defect
- field
- position information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G16—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR SPECIFIC APPLICATION FIELDS
- G16H—HEALTHCARE INFORMATICS, i.e. INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR THE HANDLING OR PROCESSING OF MEDICAL OR HEALTHCARE DATA
- G16H15/00—ICT specially adapted for medical reports, e.g. generation or transmission thereof
Abstract
The invention provides a method for displaying position change of defect associated content of a web interface, which is different from a web interface electronic medical record display method in the prior art, and can only position and display the defect associated content corresponding to medical record content displayed on the current web interface, and can adjust the position change condition of the defect associated content in real time according to the rolling and reading state of the medical record content displayed on the web interface, thereby improving the convenience and intuition of viewing and positioning the defect associated content of the electronic medical record on the web interface and improving the applicability and display intuition of the web interface to the defect item connecting line marking of the electronic medical record content with different sections.
Description
Technical Field
The invention relates to the technical field of electronic medical record data processing, in particular to a method for displaying position changes of web interface defect-associated content.
Background
Currently, the medical diagnosis data processing is developing along with the direction of intellectualization, which requires that the diagnosis data formed in the disease diagnosis process needs to be converted into the electronic data format, thereby facilitating the subsequent viewing and processing of the diagnosis data. Particularly, after the electronic medical record is written, in order to ensure that the data content recorded in the electronic medical record can correctly reflect the diagnosis result, the doctor needs to locate and view the content defects that may exist in the electronic medical record. The positioning and viewing operations of the content defects in the electronic medical record are performed on the corresponding web interface, and the web interface and the electronic medical record interface are not completely the same, so that the positioning and viewing of the corresponding defective content can be completed only by performing the scrolling process back and forth when the content of the electronic medical record is viewed on the web interface. However, in the actual operation process, due to the scrolling operation on the electronic medical record, the position of the defect-related content displayed on the current web interface may change due to the scrolling operation, so that the defect-related content cannot be correctly positioned, and the intuitiveness of positioning and viewing the defect content on the electronic medical record is seriously affected.
Therefore, there is an urgent need in the art for a display method capable of adaptively adjusting the position of defect-associated content of an electronic medical record in a web interface according to the scrolling of the displayed content of the electronic medical record.
Disclosure of Invention
Aiming at the defects in the prior art, the invention provides a method for displaying the position change of the content associated with the web interface defect, which comprises the following steps: step (1), in the web interface, acquiring first relative position information between a document field which is currently marked and a defect item corresponding to the document field, and performing connection marking operation on the document field and the defect item in a first layer according to the first relative position information; step (2), according to the real-time interface rolling state information of the web interface, carrying out the operation of reacquiring the first relative position information and readjusting the connection line marking operation; and (3) adjusting and ensuring that the wiring image corresponding to the wiring marking operation is only limited in the display window corresponding to the current web interface according to the second relative position information of the text field of the current marking in the display window corresponding to the current web interface. Therefore, the method for displaying the position change of the defect associated content of the web interface is different from the web interface electronic medical record display method in the prior art, and only can position and display the defect associated content corresponding to the medical record content displayed on the current web interface, and can adjust the position change condition of the defect associated content in real time according to the rolling and reading state of the medical record content displayed on the web interface, so that the convenience and intuitiveness for viewing and positioning the defect associated content of the electronic medical record on the web interface are improved. Specifically, the display method has the following advantages: firstly, the display method can facilitate a user to obtain the information of the defect item corresponding to the document content on the web interface in real time by positioning the document content displayed in the current web interface and the defect item corresponding to the document content to mark the initial connecting line of the document content and the defect item so as to realize the intuitiveness of the web interface display; secondly, the display method also can conveniently detect the change condition of the real-time display state of the web interface by acquiring the scrolling page state of the document content displayed in the web interface in real time, so as to conveniently and accurately calibrate the concerned document content, thereby avoiding the situation that the document content is located and lost; thirdly, the display method can also dynamically adjust the connection line labeling state between the concerned document content and the corresponding defect item according to the display position change condition of the concerned document content on the current web interface, thereby avoiding the defect item labeling loss condition of the concerned document content and improving the applicability and display intuition of the web interface to the defect item connection labeling of the electronic medical record document contents of different sections.
The invention provides a method for displaying position change of web interface defect associated content, which is characterized by comprising the following steps of:
step (1), in the web interface, acquiring first relative position information between a document field which is currently marked and a defect item corresponding to the document field, and performing connection marking operation on the document field and the defect item in a first layer according to the first relative position information;
step (2), according to the real-time interface rolling state information of the web interface, carrying out the operation of reacquiring the first relative position information and readjusting the connection line marking operation;
step (3), according to second relative position information of the document field marked currently on a display window corresponding to the current web interface, adjusting and ensuring that the wiring image corresponding to the wiring marking operation is only limited in the display window corresponding to the current web interface;
further, in the step (1), the obtaining of the first relative position information between the currently labeled document field and the corresponding defect item in the web interface specifically includes,
step (A101), in the web interface, triggering the defect item through an indication tool, so as to determine an associated field corresponding to the defect item;
step (A102), according to the associated field, marking the document field corresponding to the associated field in the document content displayed on the web interface so as to form the document field with the current mark;
step (A103), obtaining first position information of the currently labeled document field and second position information corresponding to the defect item, so as to calculate the first relative position information;
further, in the step (A101), in the web interface, triggering the defect item through an indication tool, so as to determine that an associated field corresponding to the defect item specifically includes,
step (A1011), displaying a defect item list on a first screen splitting interface of the web interface, clicking and triggering the defect item in the defect item list through the indicating tool;
step (A1012), extracting corresponding defect content characteristics from the defect item, and finding out the associated field in an associated field database according to the defect content characteristics;
further, in the step (a 102), according to the associated field, in the document content displayed on the web interface, labeling the document field corresponding to the associated field, so as to form the currently labeled document field specifically includes,
step (A1021), extracting corresponding document associated keywords from the associated fields, and searching at least one suspected document defect field in the document content according to the document associated keywords;
step (A1022), carry on the defect matching screening treatment to the said at least one suspected document defect field, regard suspected document defect field with optimal matching degree as the corresponding document field of said associated field with this determination;
a step (a 1023) of highlighting or labeling a document field corresponding to the associated field determined in the step (a 1022), thereby implementing the labeling process;
further, in the step (a 103), obtaining first position information of the currently labeled document field and second position information corresponding to the defect entry, so as to calculate that the first relative position information specifically includes,
step (A1031), constructing a virtual two-dimensional plane coordinate system related to the web interface in a browser window currently corresponding to the web interface, wherein a coordinate origin of the virtual two-dimensional plane coordinate system is a window frame point at the upper left corner of the browser window;
step (a 1032), in the virtual two-dimensional plane coordinate system, determining an X-axis edge distance and a Y-axis edge distance of each of the dom element and the defect item corresponding to the currently labeled document field with respect to the coordinate origin, so as to obtain the first location information and the second location information;
a step (a 1033) of calculating a relative position vector between the first position information and the second position in the virtual two-dimensional plane coordinate system as the first relative position information;
further, in the step (1), the performing, in the first layer, the connection marking operation on the first layer and the second layer according to the first relative position information specifically includes,
step (B101), the first layer is covered on the web interface, and the first layer allows all contents displayed on the web interface to be erasable and edited;
step (B102), in the first layer, adding a first frame and a second frame at the document field marked currently and the defect item respectively;
step (B103), according to the first relative position information, determining a relative straight-line distance between the first frame and the second frame, and constructing a connection marking pattern between the first frame and the second frame;
further, in the step (2), the operation of retrieving the first relative position information and adjusting the connection marking again according to the real-time interface scrolling state information of the web interface specifically includes,
step (201), adding a scroll action event related to the document content displayed on the web interface in a display window of the web interface, and monitoring the trigger state of the scroll action event;
step (202), according to the trigger state of the scroll action event, performing adaptive editing processing on the first image layer, and performing a reacquiring operation of the first relative position information;
step (203), controlling the scrolling action of the document content according to the reacquisition operation and/or the progress of readjusting the connection marking operation;
further, in the step (201), monitoring the trigger state of the scroll action event specifically includes,
step (2011), a window frame point at the upper left corner of a browser window currently corresponding to the web interface is taken as a reference point, and a central position point of the document content in the web interface is taken as a rolling displacement point;
step (2012), continuously monitoring the relative distance between the rolling displacement point and the reference point, and judging whether the relative distance is higher than or lower than a preset document rolling distance, if so, determining that the rolling action event is in a triggering state, otherwise, determining that the rolling action event is in a non-triggering state;
further, in the step (202), performing adaptive editing processing on the first image layer according to the trigger state of the scroll action event, and performing the operation of retrieving the first relative position information specifically includes,
when the scroll action event is determined to be in a trigger state, removing an editing trace generated after the first layer is edited for the last time, and then re-acquiring the first relative position information;
alternatively, the first and second electrodes may be,
in the step (203), the step of controlling the scrolling action of the document content according to the re-obtaining operation and/or the re-adjusting progress of the link marking operation specifically includes,
if the reacquiring operation is in a proceeding stage or the connection marking operation is readjusted to be in a proceeding stage, stopping the scrolling action of the document content;
if the connection marking operation is readjusted to be in the finishing stage, the rolling action of the document content is retriggered, and the connection marking operation is dynamically adjusted;
further, in the step (3), according to the second relative position information of the document field marked currently in the display window corresponding to the current web interface, adjusting and ensuring that the wiring image corresponding to the wiring marking operation is limited to be specifically included in the display window corresponding to the current web interface,
step (301), when the currently labeled text field exceeds the display range of the display window due to the scroll action, acquiring the second relative position information;
step (302), according to the second relative position information, calculating the rolling distance of the currently marked text field relative to the display range;
and (303) adjusting the size of the connection image corresponding to the connection marking operation according to the rolling distance so as to ensure that the connection image is only limited in the display window corresponding to the current web interface.
Compared with the prior art, the method for displaying the position change of the defect associated content of the web interface is different from the web interface electronic medical record display method in the prior art, only can position and display the defect associated content corresponding to the medical record content displayed on the current web interface, and can adjust the position change condition of the defect associated content in real time according to the rolling and reading state of the medical record content displayed on the web interface, so that the convenience and intuitiveness of viewing and positioning the defect associated content of the electronic medical record on the web interface are improved. Specifically, the display method has the following advantages: firstly, the display method can facilitate a user to obtain the information of the defect item corresponding to the document content on the web interface in real time by positioning the document content displayed in the current web interface and the defect item corresponding to the document content to mark the initial connecting line of the document content and the defect item so as to realize the intuitiveness of the web interface display; secondly, the display method also can conveniently detect the change condition of the real-time display state of the web interface by acquiring the scrolling page state of the document content displayed in the web interface in real time, so as to conveniently and accurately calibrate the concerned document content, thereby avoiding the situation that the document content is located and lost; thirdly, the display method can also dynamically adjust the connection line labeling state between the concerned document content and the corresponding defect item according to the display position change condition of the concerned document content on the current web interface, thereby avoiding the defect item labeling loss condition of the concerned document content and improving the applicability and display intuition of the web interface to the defect item connection labeling of the electronic medical record document contents of different sections.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.
The technical solution of the present invention is further described in detail by the accompanying drawings and embodiments.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a schematic flow chart of a method for displaying a position change of content associated with a web interface defect according to the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Fig. 1 is a schematic structural diagram of a method for displaying location change of content associated with a web interface defect according to an embodiment of the present invention. The method for displaying the position change of the content associated with the web interface defect comprises the following steps:
step (1), in the web interface, acquiring first relative position information between a document field which is currently marked and a defect item corresponding to the document field, and performing connection marking operation on the document field and the defect item in a first layer according to the first relative position information.
Preferably, in the step (1), in the web interface, the obtaining of the first relative position information between the currently labeled document field and the corresponding defect item specifically includes,
step (A101), in the web interface, triggering the defect item through an indication tool, so as to determine an associated field corresponding to the defect item;
step (A102), according to the associated field, marking the document field corresponding to the associated field in the document content displayed on the web interface, so as to form the currently marked document field;
and (A103) acquiring first position information of the currently labeled document field and second position information corresponding to the defect entry, so as to calculate the first relative position information.
Preferably, in the step (a 101), in the web interface, the defect item is triggered by an indication tool, so as to determine that the associated field corresponding to the defect item specifically includes,
step (A1011), displaying a defect item list on a first screen splitting interface of the web interface, clicking and triggering the defect item in the defect item list through the indicating tool;
and (A1012) extracting corresponding defect content characteristics from the defect item, and finding out the associated field in an associated field database according to the defect content characteristics.
Preferably, in the step (a 102), according to the associated field, in the document content displayed on the web interface, the document field corresponding to the associated field is labeled, so as to form the currently labeled document field specifically includes,
step (A1021), extracting corresponding document associated keywords from the associated fields, and searching at least one suspected document defect field in the document content according to the document associated keywords;
step (A1022), carry on the defect matching screening to the at least one suspected document defect field, regard suspected document defect field with optimal matching degree as the corresponding document field of the relevant field in this way;
and (a 1023) highlighting or otherwise labeling the document field corresponding to the associated field determined in the step (a 1022), thereby implementing the labeling process.
Preferably, in the step (a 103), first position information of the currently labeled document field and second position information corresponding to the defect entry are obtained, so that the calculation result of the first relative position information specifically includes,
step (A1031), constructing a virtual two-dimensional plane coordinate system related to the web interface in a browser window currently corresponding to the web interface, wherein the origin of coordinates of the virtual two-dimensional plane coordinate system is a window frame point at the upper left corner of the browser window;
step (a 1032), in the virtual two-dimensional plane coordinate system, determining an X-axis edge distance and a Y-axis edge distance of the dom element and the defect item corresponding to the currently labeled document field, respectively, with respect to the coordinate origin, so as to obtain the first location information and the second location information;
step (a 1033) of calculating a relative position vector between the first position information and the second position in the virtual two-dimensional plane coordinate system as the first relative position information.
Preferably, in the step (1), the performing, in the first layer, a connection marking operation on the first layer and the second layer according to the first relative position information specifically includes,
step (B101), the first layer is covered on the web interface, and the first layer allows all contents displayed on the web interface to be erasable and edited;
a step (B102) of adding a first frame and a second frame to the currently labeled document field and the defect item, respectively, in the first layer;
and (B103) determining a relative linear distance between the first frame and the second frame according to the first relative position information, and constructing a connection marking pattern between the first frame and the second frame.
And (2) according to the real-time interface rolling state information of the web interface, carrying out the operation of reacquiring the first relative position information and readjusting the connection line marking operation.
Preferably, in the step (2), the operation of retrieving the first relative position information and adjusting the line marking operation again according to the real-time interface scrolling status information of the web interface specifically includes,
step (201), in the display window of the web interface, adding a scroll action event related to the document content displayed on the web interface, and simultaneously monitoring the trigger state of the scroll action event;
step (202), according to the trigger state of the scroll action event, performing adaptive editing processing on the first image layer, and performing reacquiring operation of the first relative position information;
and (203) controlling the scrolling action of the document content according to the reacquisition operation and/or the progress of readjusting the connection marking operation.
Preferably, in this step (201), monitoring the triggering state of the scroll action event specifically includes,
step (2011), a window frame point at the upper left corner of a browser window currently corresponding to the web interface is taken as a reference point, and a central position point of the document content in the web interface is taken as a rolling displacement point;
and (2012) continuously monitoring the relative distance between the rolling displacement point and the reference point, and judging whether the relative distance is higher than or lower than a preset document rolling distance, if so, determining that the rolling action event is in a triggering state, otherwise, determining that the rolling action event is in a non-triggering state.
Preferably, in the step (202), the adaptively editing the first image layer according to the trigger state of the scroll action event, and the performing the operation of retrieving the first relative position information specifically includes,
and when the scroll action event is determined to be in a trigger state, removing an editing trace generated after the first layer is edited for the last time, and then acquiring the first relative position information again.
Preferably, in the step (203), the step of controlling the scrolling action of the document content according to the re-obtaining operation and/or the re-adjusting progress of the link marking operation specifically includes,
if the reacquiring operation is in the proceeding stage or the connection marking operation is readjusted in the proceeding stage, stopping the scrolling action of the document content;
if the operation of readjusting the connection marking is in the finishing stage, the scrolling action of the document content is retriggered, and the operation of dynamically adjusting the connection marking is carried out.
And (3) adjusting and ensuring that the wiring image corresponding to the wiring marking operation is only limited in the display window corresponding to the current web interface according to the second relative position information of the text field of the current marking in the display window corresponding to the current web interface.
Preferably, in the step (3), according to the second relative position information of the document field of the current label and the display window corresponding to the current web interface, adjusting and ensuring that the wiring image corresponding to the wiring label operation is limited to be specifically included in the display window corresponding to the current web interface,
step (301), when the currently marked text field exceeds the display range of the display window due to the scroll action, acquiring the second relative position information;
step (302), according to the second relative position information, calculating the rolling distance of the currently marked character field relative to the display range;
and (303) adjusting the size of the connecting line image corresponding to the connecting line marking operation according to the rolling distance so as to ensure that the connecting line image is only limited in the display window corresponding to the current web interface.
It can be seen from the content of the above embodiment that, the method for displaying the position change of the defect-associated content of the web interface is different from the web interface electronic medical record display method in the prior art, and only can position and display the defect-associated content corresponding to the medical record content displayed on the current web interface, and can also adjust the position change condition of the defect-associated content in real time according to the scrolling and browsing state of the medical record content displayed on the web interface, thereby improving the convenience and intuitiveness of viewing and positioning the defect-associated content of the electronic medical record on the web interface. Specifically, the display method has the following advantages: firstly, the display method can facilitate a user to obtain the information of the defect item corresponding to the document content on the web interface in real time by positioning the document content displayed in the current web interface and the defect item corresponding to the document content to mark the initial connecting line of the document content and the defect item so as to realize the intuitiveness of the web interface display; secondly, the display method also can conveniently detect the change condition of the real-time display state of the web interface by acquiring the scrolling page state of the document content displayed in the web interface in real time, so as to conveniently and accurately calibrate the concerned document content, thereby avoiding the situation that the document content is located and lost; thirdly, the display method can also dynamically adjust the connection line labeling state between the concerned document content and the corresponding defect item according to the display position change condition of the concerned document content on the current web interface, thereby avoiding the defect item labeling loss condition of the concerned document content and improving the applicability and display intuition of the web interface to the defect item connection labeling of the electronic medical record document contents of different sections.
It will be apparent to those skilled in the art that various changes and modifications may be made in the present invention without departing from the spirit and scope of the invention. Thus, if such modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalents, the present invention is also intended to include such modifications and variations.
Claims (8)
1. A method for displaying position change of content associated with web interface defects is characterized by comprising the following steps:
step (1), in the web interface, acquiring first relative position information between a document field which is currently marked and a defect item corresponding to the document field, and performing connection marking operation on the document field and the defect item in a first layer according to the first relative position information;
step (2), according to the real-time interface rolling state information of the web interface, carrying out the operation of reacquiring the first relative position information and readjusting the connection line marking operation;
step (3), according to second relative position information of the document field marked currently on a display window corresponding to the current web interface, adjusting and ensuring that the wiring image corresponding to the wiring marking operation is only limited in the display window corresponding to the current web interface;
in the step (1), the obtaining of the first relative position information between the currently labeled document field and the corresponding defect item in the web interface specifically includes,
step (A101), in the web interface, triggering the defect item through an indication tool, so as to determine an associated field corresponding to the defect item;
step (A102), according to the associated field, marking the document field corresponding to the associated field in the document content displayed on the web interface so as to form the document field with the current mark;
step (A103), obtaining first position information of the currently labeled document field and second position information corresponding to the defect item, so as to calculate the first relative position information;
in the step (A101), triggering the defect item through an indication tool in the web interface, so as to determine that the associated field corresponding to the defect item specifically includes,
step (A1011), displaying a defect item list on a first screen splitting interface of the web interface, clicking and triggering the defect item in the defect item list through the indicating tool;
and (A1012) extracting corresponding defect content characteristics from the defect items, and finding out the associated fields in an associated field database according to the defect content characteristics.
2. The method for displaying the location change of the content associated with the web interface defect of claim 1, wherein:
in the step (A102), according to the associated field, marking the document field corresponding to the associated field in the document content displayed on the web interface, so as to form the currently marked document field specifically includes,
step (A1021), extracting corresponding document associated keywords from the associated fields, and searching at least one suspected document defect field in the document content according to the document associated keywords;
step (A1022), carry on the defect matching screening treatment to the said at least one suspected document defect field, regard suspected document defect field with optimal matching degree as the corresponding document field of said associated field with this determination;
and (A1023) highlighting or marking a font variation on the document field corresponding to the associated field determined in the step (A1022), thereby realizing the marking process.
3. The method for displaying the location change of the content associated with the web interface defect of claim 1, wherein:
in the step (a 103), obtaining first position information of the currently labeled document field and second position information corresponding to the defect entry, so as to calculate that the first relative position information specifically includes,
step (A1031), constructing a virtual two-dimensional plane coordinate system related to the web interface in a browser window currently corresponding to the web interface, wherein a coordinate origin of the virtual two-dimensional plane coordinate system is a window frame point at the upper left corner of the browser window;
step (a 1032), in the virtual two-dimensional plane coordinate system, determining an X-axis edge distance and a Y-axis edge distance of each of the dom element and the defect item corresponding to the currently labeled document field with respect to the coordinate origin, so as to obtain the first location information and the second location information;
a step (a 1033) of calculating a relative position vector between the first position information and the second position in the virtual two-dimensional plane coordinate system as the first relative position information.
4. The method for displaying the location change of the content associated with the web interface defect of claim 1, wherein:
in the step (1), the performing, in the first layer, the connection marking operation on the first layer and the second layer according to the first relative position information specifically includes,
step (B101), the first layer is covered on the web interface, and the first layer allows all contents displayed on the web interface to be erasable and edited;
step (B102), in the first layer, adding a first frame and a second frame at the document field marked currently and the defect item respectively;
and (B103) determining a relative linear distance between the first frame and the second frame according to the first relative position information, and constructing a connection marking pattern between the first frame and the second frame.
5. The method for displaying the location change of the content associated with the web interface defect of claim 1, wherein:
in the step (2), the operation of retrieving the first relative position information and readjusting the connection marking operation according to the real-time interface scrolling state information of the web interface specifically includes,
step (201), adding a scroll action event related to the document content displayed on the web interface in a display window of the web interface, and monitoring the trigger state of the scroll action event;
step (202), according to the trigger state of the scroll action event, performing adaptive editing processing on the first image layer, and performing a reacquiring operation of the first relative position information;
and (203) controlling the scrolling action of the document content according to the reacquisition operation and/or the progress of readjusting the connection marking operation.
6. The method for displaying positional changes of web interface defect-associated content of claim 5, wherein:
in said step (201), monitoring a trigger state of said scroll action event comprises in particular,
step (2011), a window frame point at the upper left corner of a browser window currently corresponding to the web interface is taken as a reference point, and a central position point of the document content in the web interface is taken as a rolling displacement point;
and (2012) continuously monitoring the relative distance between the rolling displacement point and the reference point, and judging whether the relative distance is higher than or lower than a preset document rolling distance, if so, determining that the rolling action event is in a triggering state, otherwise, determining that the rolling action event is in a non-triggering state.
7. The method for displaying positional changes of web interface defect-associated content of claim 5, wherein:
in the step (202), performing adaptive editing processing on the first image layer according to the trigger state of the scroll action event, and performing the operation of retrieving the first relative position information specifically includes,
when the scroll action event is determined to be in a trigger state, removing an editing trace generated after the first layer is edited for the last time, and then re-acquiring the first relative position information;
alternatively, the first and second electrodes may be,
in the step (203), the step of controlling the scrolling action of the document content according to the re-obtaining operation and/or the re-adjusting progress of the link marking operation specifically includes,
if the reacquiring operation is in a proceeding stage or the connection marking operation is readjusted to be in a proceeding stage, stopping the scrolling action of the document content;
if the connection marking operation is readjusted to be in the finishing stage, the rolling action of the document content is retriggered, and the connection marking operation is dynamically adjusted.
8. The method for displaying the location change of the content associated with the web interface defect of claim 1, wherein:
in the step (3), according to the second relative position information of the document field marked currently on the display window corresponding to the current web interface, adjusting and ensuring that the wiring image corresponding to the wiring marking operation is limited to the display window corresponding to the current web interface,
step (301), when the currently labeled text field exceeds the display range of the display window due to the scroll action, acquiring the second relative position information;
step (302), according to the second relative position information, calculating the rolling distance of the currently marked text field relative to the display range;
and (303) adjusting the size of the connection image corresponding to the connection marking operation according to the rolling distance so as to ensure that the connection image is only limited in the display window corresponding to the current web interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910804604.4A CN110688036B (en) | 2019-08-28 | 2019-08-28 | Method for displaying position change of web interface defect associated content |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910804604.4A CN110688036B (en) | 2019-08-28 | 2019-08-28 | Method for displaying position change of web interface defect associated content |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110688036A CN110688036A (en) | 2020-01-14 |
| CN110688036B true CN110688036B (en) | 2021-05-14 |
Family
ID=69108535
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910804604.4A Active CN110688036B (en) | 2019-08-28 | 2019-08-28 | Method for displaying position change of web interface defect associated content |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110688036B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9400782B2 (en) * | 1999-05-27 | 2016-07-26 | Nuance Communications, Inc. | Virtual keyboard system with automatic correction |
| CN106021216A (en) * | 2016-05-24 | 2016-10-12 | 杭州圆本科技有限公司 | Electronic noting method |
| CN108804002A (en) * | 2018-04-25 | 2018-11-13 | 广州视源电子科技股份有限公司 | The text annotation method and apparatus of interactive intelligence equipment |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120101980A1 (en) * | 2010-10-26 | 2012-04-26 | Microsoft Corporation | Synchronizing online document edits |
| CN105786934B (en) * | 2014-12-26 | 2020-06-12 | 北大医疗信息技术有限公司 | Medical record document defect processing method and system |
| CN105095432B (en) * | 2015-07-22 | 2019-04-16 | 腾讯科技（北京）有限公司 | Web page annotation display methods and device |
-
2019
- 2019-08-28 CN CN201910804604.4A patent/CN110688036B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9400782B2 (en) * | 1999-05-27 | 2016-07-26 | Nuance Communications, Inc. | Virtual keyboard system with automatic correction |
| CN106021216A (en) * | 2016-05-24 | 2016-10-12 | 杭州圆本科技有限公司 | Electronic noting method |
| CN108804002A (en) * | 2018-04-25 | 2018-11-13 | 广州视源电子科技股份有限公司 | The text annotation method and apparatus of interactive intelligence equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110688036A (en) | 2020-01-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2018049869A1 (en) | Device and method for displaying extension point in page | |
| JP2003100826A (en) | Inspecting data analyzing program and inspecting apparatus and inspecting system | |
| CN113222913B (en) | Circuit board defect detection positioning method, device and storage medium | |
| CN109670979B (en) | Cloth detection data processing method, device and equipment | |
| CN108121648B (en) | Interface error monitoring method | |
| CN112666182A (en) | Automatic visual inspection method and device for flexible circuit board | |
| CN110688036B (en) | Method for displaying position change of web interface defect associated content | |
| CN110046009B (en) | Recording method, recording device, server and readable storage medium | |
| JP4230980B2 (en) | Pattern matching method and program | |
| CN116051558B (en) | Defect image labeling method, device, equipment and medium | |
| US8245181B2 (en) | Printed circuit board layout system and method thereof | |
| CN112702905B (en) | Method and system for tracing yield and error rate of printed circuit board | |
| JP5191928B2 (en) | Onboard data creation support device and component mounting device | |
| CN114359176A (en) | Panel detection method and device, electronic equipment and storage medium | |
| CN111080664B (en) | Data processing method and device, computer storage medium and computer | |
| US20030052881A1 (en) | Graphical value display program, graphical value display method and recording medium | |
| JP2008040860A (en) | Electronic pen input terminal system | |
| CN110751994A (en) | Differential display method and system for medical record template | |
| US11070716B2 (en) | Image sensor system, image sensor, data generation method of image sensor in image sensor system, and non-transitory computer-readable recording medium | |
| JP2004239761A (en) | Image measuring instrument, and program for generating edge tracking measuring program | |
| JP7344155B2 (en) | Crack detection device, crack detection method and program for hole expansion test | |
| CN116758040B (en) | Copper-plated plate surface fold defect detection method, device, equipment and storage medium | |
| CN115657863A (en) | Non-invasive follow-up chirality detection method and device of touch screen equipment | |
| CN103092836B (en) | Size number alignment system and method | |
| JP2000250959A (en) | Connecting state judging device and connecting state judging method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |