CN103309564A - Element information display method and device - Google Patents
Element information display method and device Download PDFInfo
- Publication number
- CN103309564A CN103309564A CN2013102725665A CN201310272566A CN103309564A CN 103309564 A CN103309564 A CN 103309564A CN 2013102725665 A CN2013102725665 A CN 2013102725665A CN 201310272566 A CN201310272566 A CN 201310272566A CN 103309564 A CN103309564 A CN 103309564A
- Authority
- CN
- China
- Prior art keywords
- character
- area
- user
- background luminance
- predetermined
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method and a device for displaying element information. Wherein, the method comprises the following steps: displaying hit elements in a current page in a first area, wherein the first background brightness of the first area is different from the page brightness of the current page, and the hit elements are results obtained by searching search keywords input by a user; and amplifying and displaying the first character element selected by the user in the hit elements in a second area according to a preset amplifying and displaying scale, wherein the second background brightness of the second area is different from the first background brightness. By the method and the device, the visual effect of the user is enhanced, and the user can quickly position the searched character effect.
Description
Technical field
The present invention relates to internet arena, in particular to a kind of display packing and device of element information.
Background technology
Generally, finish searching of an information and need take all factors into consideration from following three aspects: (1) guarantees to search the validity of content, namely can show correct information; (2) integrality of content is searched in assurance, namely the information of searching can not had finding out of gaps and omissions; (3) guarantee to search the easy polarization of content, namely can in searching content, position quickly and easily more.
The current mode of searching can be accomplished (1) and (2) basically, but it is not outstanding for performance on the easy polarization in (3), the current mode of searching is only distinguished with the different depth of same colour system in search procedure and is currently chosen literal (namely searching content) and do not choose literal, if having on the page that is comparable to the background color of choosing literal, do not see the literal that finds substantially.And in searching the procedure for displaying of content, when when choosing literal to jump to next word from previous word, the current mode of searching also only is page location and color to be carried out static state change, and is not difficult to search out current highlighted literal if do not examine.Obviously, can not locate easily and fast searching content like this.
Summary of the invention
The invention provides a kind of display packing and device of element information, to solve the problem of " browser can't be located and relatively poor to the display effect of lookup result fast to the content that needs are searched " at least.
According to an aspect of the present invention, a kind of display packing of element information is provided, comprise: the element that hits in the current page is presented at the first area, wherein, first background luminance of first area and the page brightness of current page are inequality, wherein, hitting element is the result who obtains with the search key search that the user imports; According to the predetermined displaying ratio that amplifies, be shown enlarged in second area with hitting first character element of being chosen by the user in the element, wherein, second background luminance and first background luminance of second area are inequality.
Preferably, according to the predetermined reduction displaying ratio, first character element after amplifying dwindled being presented at the 3rd zone.
Preferably, with in the hitting element and be presented at the first area in the current page, also comprise: current page is shown as grey dark areas, and wherein, the brightness of grey dark areas is less than page brightness.
Preferably, the brightness of page brightness when to be current page be in normal display state before user's input is corresponding to the search request message of hitting element.
Preferably, first background luminance is greater than page brightness, and second background luminance is greater than first background luminance.
Preferably, the value of predetermined reduction displaying ratio smaller or equal to first character element with amplify after the ratio of first character element.
Preferably, the 3rd background luminance in the 3rd zone is smaller or equal to second background luminance and greater than the brightness of grey dark areas.
Preferably, the 3rd background luminance in the 3rd zone is smaller or equal to second background luminance and more than or equal to first background luminance.
Preferably, when first character element comprises a character, according to the predetermined displaying ratio that amplifies, be shown enlarged in second area with hitting first character element of being chosen by the user in the element, comprising: according to the predetermined displaying ratio that amplifies character is presented at second area.
Preferably, when first character element comprises a plurality of character, according to the predetermined displaying ratio that amplifies, be shown enlarged in second area with hitting first character element of being chosen by the user in the element, comprise: according to predetermined amplification displaying ratio and the first predetermined DISPLAY ORDER each character in a plurality of characters is shown enlarged in second area successively; According to the predetermined reduction displaying ratio, first character element after amplify showing dwindled being presented at the 3rd zone, comprising: each character that will be positioned at second area according to predetermined reduction displaying ratio and the second predetermined DISPLAY ORDER dwindles successively and is presented at the 3rd zone.
Preferably, the first predetermined DISPLAY ORDER is suitable with the second predetermined demonstration is identical.
Preferably, according to the predetermined reduction displaying ratio, first character element after amplify showing dwindled be presented at after the 3rd zone, this method also comprises: when user's selected object when first character element jumps to second character element that hits the element, be exaggerated earlier demonstration again first character element after the reduced demonstration be presented at the first area.
According to a further aspect in the invention, a kind of display device of element information is provided, comprise: first display module, be used for the element that hits of current page is presented at the first area, wherein, first background luminance of first area and the page brightness of current page are inequality, and wherein, hitting element is the result who obtains with the search key search that the user imports; Second display module is used for being shown enlarged in second area according to the predetermined displaying ratio that amplifies with hitting first character element of being chosen by the user in the element, and wherein, second background luminance and first background luminance of second area are inequality.
Preferably, this device also comprises: the 3rd display module, be used for according to the predetermined reduction displaying ratio, and first character element after amplifying is dwindled being presented at the 3rd zone.
By the present invention, the key word that employing need search out the user is with highlighted demonstration and mode that the current key word zone of choosing of user is shown with dynamic highlight regions, having solved browser can't locate and to the relatively poor problem of the display effect of lookup result fast to the content that needs are searched, and then reached and strengthened user's visual effect, make the user can locate the character effect that finds fast.
Description of drawings
Accompanying drawing described herein is used to provide further understanding of the present invention, constitutes the application's a part, and illustrative examples of the present invention and explanation thereof are used for explaining the present invention, do not constitute improper restriction of the present invention.In the accompanying drawings:
Fig. 1 is the display packing process flow diagram according to the element information of the embodiment of the invention;
Fig. 2 is the structured flowchart according to the display device of the element information of the embodiment of the invention;
Fig. 3 is the structured flowchart of the display device of element information according to the preferred embodiment of the invention;
Fig. 4 is the flow for displaying figure of element information according to the preferred embodiment of the invention.
Embodiment
Hereinafter will describe the present invention with reference to the accompanying drawings and in conjunction with the embodiments in detail.Need to prove that under the situation of not conflicting, embodiment and the feature among the embodiment among the application can make up mutually.
Following examples can be applied in the browser, and this browser can be the browser of using on computers, perhaps also can be the browser that is used on the mobile device.Certainly, following examples also can be used for the information element of operating system is searched.For example, search the character that the user needs in the text reading instrument in operating system, but be not limited thereto.
Present embodiment provides a kind of display packing of element information, and Fig. 1 is the display packing process flow diagram according to the element information of the embodiment of the invention, and as shown in Figure 1, this method mainly may further comprise the steps (step S102-step S104):
Step S102 is presented at the first area with the element that hits in the current page, and wherein, first background luminance of first area and the page brightness of current page are inequality, and wherein, hitting element is the result who obtains with the search key search that the user imports;
As one embodiment of the present invention, at first search in current page according to search key or the key character of user's input, find one or more elements that hit accordingly, wherein, hit element and typically refer to the result that the search key search with user input obtains, be the result that the user searches content, can comprise alphabetic character dvielement, video elementary, picture element etc. usually, for example: a complete word.
Step S104 according to the predetermined displaying ratio that amplifies, is shown enlarged in second area with hitting first character element of being chosen by the user in the element, and wherein, second background luminance and first background luminance of second area are inequality.
Above-mentioned steps by present embodiment, key word or the key character that the user need be able to be searched for show with the zone that is different from current page brightness, certainly, the background luminance in the zone here only is different with the brightness of current page, for example, when the brightness ratio of current page is big, it is dark (for example this zone can be set at background luminance, can highlight by different background colours) the zone, when the brightness ratio of current page hour, this zone can be set at the zone of background luminance brighter (for example, can highlighting by different background colours).Like this, just can make key word or key character (being referred to as to hit element) that the user can find very rapidly needs search in current page.
For the ease of understanding, now illustrate, if when the user need the current page of browser (comprise garden, a plurality of Beijing rich can related content) in obtain " from Beijing Station is rich to garden, Beijing can the address " bus routes information, in order to obtain relevant routes information as much as possible, its needs use " meeting is won in garden, Beijing " as search key, then browser can show all " meeting is won in garden, Beijing " in the current page with outstanding background colour, and is for example yellow.Here, all " meeting are won in garden, Beijing " that shown with yellow background color are exactly to hit element, each " meeting is won in garden, Beijing " just belongs to the character element that hits element, the yellow background color zone of each " meeting is won in garden, Beijing " is exactly above-mentioned first area, the background luminance in this yellow background color zone is above-mentioned first background luminance, certainly " yellow " can substitute with other colors, as long as the brightness of the main color of the brightness of background area and current page difference easily.
At this moment, the information of the position at the cursor place of browser may not be the user want to obtain relevant with bus routes, the user can use the position of mouse or keyboard moving cursor so, such as, the user moves to the 5th character element (the 5th " meeting is won in garden, Beijing ") when locating from top character element (the 1st " meeting is won in garden, Beijing "), discovery comprise and contain in the Word message of the 5th " meeting is won in garden, Beijing " and have " from Beijing Station is rich to garden, Beijing can the address " bus routes information, the user just can shut-down operation.In this process, the 1st " meeting is won in garden, Beijing " to the 5th " meeting is won in garden, Beijing " can be different from other background areas (being above-mentioned second area) demonstration of yellow brightness by colour brightness, for example, can be with the bigger buff of brightness look as a setting, the brightness of this buff background area is above-mentioned second background luminance, certainly also select other colors look as a setting, as long as can obviously distinguish just passable with current yellow background zone.
In order to reach better display effect, being enough to cause user's notice, can also be after execution in step S104, according to the predetermined reduction displaying ratio, first character element after amplifying dwindled being presented at the 3rd zone.
In the present embodiment, when the result who searches (hitting element) has when a plurality of, current of choosing of user can be hit element and be shown as with all and hit the different background luminance of element, like this, the user can find the element of oneself choosing that hits from a plurality of hitting very like a cork the element.Further, the element that hits that the user can be chosen amplifies demonstration, can make the element of choosing that hits be different from other unchecked elements that hits more significantly like this.
Preferably, with in the hitting element and be presented at the first area in the current page, hit element and current page in order to make easier difference the out of user, current page can also be shown as grey dark areas, wherein, the brightness of ash dark areas is less than page brightness, wherein, and the brightness of page brightness when to be current page be in normal display state before user's input is corresponding to the search request message of hitting element.
In preferred implementation of present embodiment, first background luminance can be greater than page brightness, and second background luminance is greater than first background luminance.The benefit of doing like this be can the user can be to other elements except hitting element in the current page, hit element, and very significantly distinguished by the current element of choosing that hits of user, the user is come into plain view.
In the process of choosing at explicit user of hitting element (being above-mentioned first character element), what adopt is earlier this character element to be amplified the mode of dwindling again, and simultaneously its region (being above-mentioned second area) is shown as the background luminance that background luminance is different from the first area.Wherein, the value of predetermined reduction displaying ratio smaller or equal to first character element with amplify after the ratio of first character element, in this case, be identical through first character element that amplifies earlier behind the display operation through dwindling display operation with the size that is not exaggerated first character element before, namely in procedure for displaying, only be that first character element amplifies and returns back to original size again, this is a dynamic procedure for displaying (namely having the animation display effect) in essence.
When need to prove here, keep here showing that dynamically the big or small constant of first character element after finishing only is a preferred implementation, for example, and in actual applications, can be in the following way:
(1) after first character element amplifies in elder generation, dwindle again, but first character element after dwindling is bigger than first character element before not being exaggerated;
(2) after first character element amplifies in elder generation, dwindle again, but first character element after dwindling is littler than first character element before not being exaggerated.
In preferred implementation of present embodiment, in order more obviously to distinguish display effect, the 3rd background luminance in the 3rd zone can be smaller or equal to second background luminance and greater than the brightness of grey dark areas, perhaps, the 3rd background luminance in the 3rd zone is smaller or equal to second background luminance and more than or equal to first background luminance.Adopt such embodiment, in page deepening, all hit that element brightens and the current selected element that hits becomes earlier in procedure for displaying in the brighter series of displays process that returns to the background luminance of hitting element again, the user can find the key word (being the selected element that hits) that oneself will precisely locate easily.
Certainly, in actual applications, hit element and comprise two kinds of situations: (1) includes only a character element, for example, when the user has only imported a key word " arrow ", have the highlight regions (a kind of situation that belongs to the first area) that shows a plurality of comprising " arrow " in the current page; (2) comprise plural character element, for example, when the user has imported both keyword " rocket ", can occur the highlight regions (a kind of situation that belongs to the first area) of a plurality of comprising " rocket " in the current page.
At this moment, in order to reach more obvious display effect, can distinguish both of these case, when first character element comprises a character, implementing according to the predetermined displaying ratio that amplifies, be shown enlarged in the process of second area hitting first character element of being chosen by the user in the element, can character be presented at second area according to the predetermined displaying ratio that amplifies.When first character element comprises a plurality of character, according to the predetermined displaying ratio that amplifies, be shown enlarged in the process of second area hitting first character element of being chosen by the user in the element, can according to predetermined amplification displaying ratio and the first predetermined DISPLAY ORDER each character in a plurality of characters be shown enlarged in second area successively earlier, according to the predetermined reduction displaying ratio, first character element that amplifies after showing is dwindled in the process that is presented at the 3rd zone, and each character that can will be positioned at second area according to predetermined reduction displaying ratio and the second predetermined DISPLAY ORDER again dwindles successively and is presented at the 3rd zone.
Preferably, in this latter two DISPLAY ORDER of elder generation, the first predetermined DISPLAY ORDER can be identical with the second predetermined DISPLAY ORDER, for example, a plurality of key words of user's input are " Tian An-men ", can from left to right show this three character elements according to above-mentioned procedure for displaying, also can show this three character elements from right to left according to above-mentioned procedure for displaying, certainly, if under a lot of situation of the number of key word, can also take other DISPLAY ORDER, be not limited to two DISPLAY ORDER herein fully.
In another preferred implementation of present embodiment, according to the predetermined reduction displaying ratio, first character element after amplify showing dwindled be presented at after the 3rd zone, when user's selected object when first character element jumps to second character element that hits the element, can also be exaggerated earlier demonstration again first character element after the reduced demonstration be presented at the first area.That is to say, switch in the current selected process of hitting element the user that the no longer selected element that hits can return to the first area after the switching, is about to its background luminance and returns to first background luminance by the 3rd background luminance.
Pass through present embodiment, the background luminance of element distinguishes over page brightness, makes the background luminance of being chosen by the user of hitting element distinguish over page brightness and not selected background luminance of hitting element in can mission, and can dynamically show by what the user chose and hit element.Obviously, dynamically procedure for displaying can make the user distinguish it fast well needs pinpoint key word, can improve user's search experience greatly.
Fig. 2 is the structured flowchart according to the display device of the element information of the embodiment of the invention, this device is for the display packing that realizes the element information that said method embodiment provides, as shown in Figure 2, the display device of this element information can comprise: first display module 10 and second display module 20.Wherein, first display module 10 is used for the element that hits of current page is presented at the first area, wherein, first background luminance of first area and the page brightness of current page are inequality, and wherein, hitting element is the result who obtains with the search key search that the user imports; Second display module 20 is used for being shown enlarged in second area according to the predetermined displaying ratio that amplifies with hitting first character element of being chosen by the user in the element, and wherein, second background luminance and first background luminance of second area are inequality.
In order to reach better display effect, be enough to cause user's attention, can also further optimize device shown in Figure 2.Fig. 3 is the structured flowchart of the display device of element information according to the preferred embodiment of the invention, as shown in Figure 3, this device can also comprise: the 3rd display module 30, be used for according to the predetermined reduction displaying ratio, and first character element after amplifying is dwindled being presented at the 3rd zone.
Need to prove that module involved in the present embodiment can realize by the mode of software, also can realize by hardware mode.Wherein described module also can be in processor, and for example, a kind of processor comprises first display module 10, second display module 20 and the 3rd display module 30.Wherein, the title of these modules does not constitute the restriction to this module itself in some cases, and for example, first display module can also be described as " being used for showing the module of hitting element ".
In another embodiment, also provide a kind of software, this software is for carrying out the technical scheme that above-described embodiment and preferred implementation are described.
In another embodiment, also provide a kind of storage medium, stored above-mentioned software in this storage medium, this storage medium includes but not limited to: CD, floppy disk, hard disk, scratch pad memory etc.
The display packing of the element information that above-described embodiment is provided below in conjunction with Fig. 4 and preferred embodiment is described in detail.
Fig. 4 is the flow for displaying figure of element information according to the preferred embodiment of the invention, and the browser of the display web page page is Trident/Webkit double-core browser in this method, and as shown in Figure 4, this method comprises that following step S402 is to step S420:
Step S402: judge the kernel type of browser when showing the current web page page.
At first, browser receives the character of user's input, in actual applications, the user opens Webpage by browser, desire when Webpage is searched character, can pass through shortcut, for example ctrl+f, perhaps select by menu, open and search dialog box, and the character that input will be searched in searching dialog box, characters such as Chinese character, Chinese terms, English alphabet, English word, numeral for example imported, trigger the locating function of browser, call search program.
Preferably, browser is at the literal that receives user's input, after beginning to search literal, judge the kernel type of browser when showing the current web page page earlier, if the kernel type of browser when showing the current web page page is the Trident kernel, execution in step S404 then, if the kernel type of browser when showing the current web page page is the Webkit kernel, execution in step S410 then.But, no matter under which kind of kernel, after the element of browser on obtaining Webpage, recurrence judges which kind of classification element the current page element belongs to, judge that just classification under the currentElement is any in the classifications such as character, video, picture, program coding, flash, therefrom filter out the character type element, abandon elements such as video, picture, program coding, flash; Character with each character type element and user input mates then, the element that is complementary be find hit element (being the character element that above-mentioned user need search).
Step S404: call for the function IHTMLWindow2::execScript that carries out the Javascript script, to carry out Javascript.
Step S406: when Javascript begins to carry out, call the function T HTMLBodyElement::createTextRange that searches all character elements and obtain the ITextRange object, wherein, ITextRange is to liking the element set that is made of all literal that find on the Webpage.
Step S408: by function ITextRange::findText (text) ITextRange::parentElement, in the ITextRange object, search the element with user's input characters coupling, in element set, to search the element that hits with character match, wherein, " text " in the function is user's input characters, wherein, when finding when hitting element, execution in step S416, the person does not search end, the output lookup result.
Step S410: call for the function WebFrame::executeScript that carries out the Javascript script, to carry out Javascript.
Step S412: enumerate the node that NoteType is Text, wherein, the node of enumerating is the element set that is made of all literal that find on the Webpage.
Step S414: traversal Text node, judge whether node comprises the literal that the user imports, in element set, to search the element with character match, namely hit element, wherein, when finding when hitting element, execution in step S416, the person does not search end, the output lookup result.
Step S416: newly-built and show translucent element, size is the display page size, makes to have the effect of covering layer on the Webpage, and whole webpage has and is in dim visual effect.
Step S418: adjust the CSS attribute that hits element, guarantee to highlight.Illiteracy layer effect by step S416 weakened the vision interference of uncorrelated element in the page, strengthened the visual impact of hitting element and highlight, and makes the webpage that hits element and dimness form vision and contrasts.
Step S420: show and to search animation hitting positions of elements.
Preferably, create the newly-built element identical with hitting element, calculate then and hit the accurate position of element on Webpage, newly-built element covered find on the element, also being about to newly-built element places and finds the two coincidence of positions of elements, when the newly-built element variation of control shows, can produce the visual effect that finds element variation to show.
Preferably, control newly-built element variation in the following manner.In some cycles, control wide, height and the color of this newly-built element with certain frequency, realize the dynamic fade effect that newly-built element amplifies, brightens.When actual size, the color of newly-built element reach a critical value, this newly-built element of deletion from the page.The deviser is free to design display mode, for example allows newly-built element glimmer, and allows newly-built element become gradually greatly, to brighten, and allows newly-built element rotate etc., has strengthened user's visual effect, makes the user can navigate to the character that finds fast.
In the preferred embodiment, by creating a newly-built element identical with hitting element, and control newly-built element and show in the mode of hitting on the positions of elements according to default, can produce and hit the visual effect that element shows according to default mode, the deviser can be according to features such as current page content, forms, different display modes is set, thereby strengthened browser display effect when Webpage is searched character, also namely strengthen user's visual effect, made the user can locate the character that finds fast.
After obtaining hitting element, determine to hit the accurate position of element on Webpage, also namely calculate and hit the coordinate information of element on Webpage, and after the Webpage size changes, recomputate coordinate information and determine to hit positions of elements, change with webpage with the positions of elements of hitting that guarantees to determine, make no matter when can accurately locate hitting element.
After obtaining to hit the accurate position of element, newly-built element placed hit positions of elements, make newly-built element cover and hit on the element, from visual angle, hit element any variation does not take place; After the covering, newly-built element is controlled, it is shown according to default mode, from visual angle, be equivalent to hit element and show according to default mode again, the deviser is free to design display mode, for example allow newly-built element glimmer, allow newly-built element become gradually greatly, to brighten, allow newly-built element rotate etc., strengthen user's visual effect, made the user can navigate to the character that finds fast.
For example, when the character of user's input was " everybody ", after Webpage found " everybody ", creating a content was " everybody ", the big or small element identical with " everybody " that find by step S104.When finding a plurality of " everybody " at Webpage, can distinguish corresponding a plurality of newly-built elements of creating, and all newly-built elements are covered corresponding hitting on the element respectively, and control whole newly-built elements and show according to default mode, from visual angle, all " everybody " show according to predetermined manner on the Webpage.
Perhaps, can control each newly-built element shows according to default mode successively one by one, from visual angle, each " everybody " shows according to predetermined manner successively on the Webpage, if default mode is shown as newly-built element and becomes big gradually, brighten, then control first newly-built " everybody " and become big gradually, brighten, the size of " everybody " after becoming greatly is greater than default size threshold value, the brightness of " everybody " after perhaps brightening is greater than default luminance threshold, delete first newly-built " everybody ", control second newly-built " everybody " again and become big gradually, brighten, the size of " everybody " after becoming greatly is greater than default size threshold value, and the brightness of " everybody " after perhaps brightening is deleted second newly-built " everybody " greater than default luminance threshold, control the 3rd again ..., by that analogy.
In actual applications, in searching the process of hitting element, ignore the hiding element on the Webpage.Directly ignore hiding element during character type element that can be on searching Webpage, also can be after obtaining element set, with the hiding element deletion in the element set, thereby make the hiding element that is complementary with character not be presented on the Webpage; Then, after obtaining hitting element, can create the big or small identical translucent element with Webpage, and control translucent element and cover on the Webpage and show; The CSS attribute of element is hit in adjustment, for example, and element highlighted demonstration on Webpage in the mission after feasible the adjustment.
Preferably, if find the element that is complementary with user inputs character, then by translucent element newly-built and that show, thereby can see having increased on the webpage and cover layer effect, make webpage visually be in dim state, weaken the interference of other uncorrelated elements in the page, and by with highlighted special efficacy mark all with search the page elements that character is complementary, make and hit the bigger visual contrast of other uncorrelated elements formation on element and the Webpage.If the element that webpage not is not complementary with user inputs character, the page is display shadowiness layer effect not.Thereby, export whether there is character that the user searches on the Webpage from the variation of page integral body to the user, information output is directly perceived, and the user experiences.
All are hit element after Webpage carries out highlighted demonstration, creating the newly-built element that each hits the element correspondence, and showing each newly-built element successively according to the switching command of user's input.The switching command at this place is used for searching a next one that hits element and hits element, for example, in the Webpage setting or by dialog box order button is set, when the user clicks this order button, show the next newly-built element that hits element by showing that the current newly-built element that hits element jumps to.
For example, can realize in the following manner: create the element identical with individual size, the content of hitting element of n, to obtain the newly-built element of n, in mission after the highlighted demonstration of element, at first create the newly-built element that first hits the element correspondence, wherein, all hit the order of element and can arrange according to hitting positions of elements, for example, from left to right, from top to bottom.Control the newly-built element of n and cover on n the element, and show according to predetermined manner, receive after the switching command of user's input, delete the newly-built element of n; Judge whether n hits element is that last hits element, wherein, when n is hit element and hit element for last, search end, output lookup result, for example information by dialog box output " search and finish, find altogether n individual ".
With all newly-built elements that hit the element correspondence show finish after, be about to also that all elements that find are shown to the user successively on the Webpage.Wherein, preferably, newly-built element has background color, for example the default color of newly-built element is light yellow, it is big that default display mode is that newly-built element brightens gradually, becomes, it is big that newly-built element becomes gradually, and color is gradually by pale yellow yellow, the buff of becoming, fading to default size, brightness until size fades to default brightness and stops to change, when receiving switching command, the newly-built element of current demonstration is deleted, and the next newly-built element that hits element of control is gradually changed by acquiescence brightness and default size.
The display packing of the element information that employing above-described embodiment provides, by key word that the user need be searched out with highlighted demonstration and mode that the current key word zone of choosing of user is shown with dynamic highlight regions, having solved browser can't locate and to the relatively poor problem of the display effect of lookup result fast to the content that needs are searched, and then reached and strengthened user's visual effect, make the user can locate the character effect that finds fast.
The display device of the element information that employing above-described embodiment provides, by key word that the user need be searched out with highlighted demonstration and mode that the current key word zone of choosing of user is shown with dynamic highlight regions, having solved browser can't locate and to the relatively poor problem of the display effect of lookup result fast to the content that needs are searched, and then reached and strengthened user's visual effect, make the user can locate the character effect that finds fast.
From above description, as can be seen, the present invention has realized following technique effect: when finding the element that is complementary with user inputs character at Webpage, and display shadowiness layer effect on Webpage, the information that can whether find to user's output intuitively; The CSS attribute of the element that modification finds, make the element special mark (for example showing with the different highlight regions of brightness) in the page that finds come out, constitute contrast with the illiteracy layer effect of webpage, make the element and other the incoherent elements that find form the vision contrast, be conducive to the user and get access to the element of searching fast; When the user positions each element that finds by switching command, by the establishment newly-built element identical with hitting element, and control newly-built element gradual change demonstration, have dynamic visual effect, be conducive to the user and position fast.
Obviously, those skilled in the art should be understood that, above-mentioned each module of the present invention or each step can realize with the general calculation device, they can concentrate on the single calculation element, perhaps be distributed on the network that a plurality of calculation elements form, alternatively, they can be realized with the executable program code of calculation element, thereby, they can be stored in the memory storage and be carried out by calculation element, and in some cases, can carry out step shown or that describe with the order that is different from herein, perhaps they are made into each integrated circuit modules respectively, perhaps a plurality of modules in them or step are made into the single integrated circuit module and realize.Like this, the present invention is not restricted to any specific hardware and software combination.
The above is the preferred embodiments of the present invention only, is not limited to the present invention, and for a person skilled in the art, the present invention can have various changes and variation.Within the spirit and principles in the present invention all, any modification of doing, be equal to replacement, improvement etc., all should be included within protection scope of the present invention.
Claims (14)
1. the display packing of an element information is characterized in that, comprising:
The element that hits in the current page is presented at the first area, wherein, first background luminance of described first area and the page brightness of described current page are inequality, and wherein, the described element that hits is the result who obtains with the search key search that the user imports;
According to the predetermined displaying ratio that amplifies, described first character element of being chosen by the user in the element that hits is shown enlarged in second area, wherein, second background luminance of described second area and described first background luminance are inequality.
2. method according to claim 1 is characterized in that, is hitting after first character element of being chosen by the user in the element is shown enlarged in second area described, also comprises:
According to the predetermined reduction displaying ratio, first character element after amplifying dwindled being presented at the 3rd zone.
3. method according to claim 1 and 2 is characterized in that, with in the hitting element and be presented at the first area in the current page, also comprises:
Described current page is shown as grey dark areas, and wherein, the brightness of described grey dark areas is less than described page brightness.
4. method according to claim 1 and 2 is characterized in that, the brightness of described page brightness when to be described current page be in normal display state before user's input is corresponding to described search request message of hitting element.
5. method according to claim 1 and 2 is characterized in that, described first background luminance is greater than described page brightness, and described second background luminance is greater than described first background luminance.
6. method according to claim 2 is characterized in that, the ratio of first character element of the value of described predetermined reduction displaying ratio after smaller or equal to described first character element and described amplification.
7. method according to claim 2 is characterized in that, the 3rd background luminance in described the 3rd zone is smaller or equal to described second background luminance and greater than the brightness of described grey dark areas.
8. method according to claim 2 is characterized in that, the 3rd background luminance in described the 3rd zone is smaller or equal to described second background luminance and more than or equal to described first background luminance.
9. method according to claim 1 and 2 is characterized in that, when described first character element comprises a character,
According to the predetermined displaying ratio that amplifies, described first character element of being chosen by the user in the element that hits is shown enlarged in second area, comprising:
According to described predetermined amplification displaying ratio described character is presented at described second area.
10. method according to claim 1 and 2 is characterized in that, when described first character element comprises a plurality of character,
According to the predetermined displaying ratio that amplifies, described first character element of being chosen by the user in the element that hits is shown enlarged in second area, comprises: according to described predetermined amplification displaying ratio and the first predetermined DISPLAY ORDER each character in described a plurality of characters is shown enlarged in described second area successively;
According to the predetermined reduction displaying ratio, first character element after amplify showing dwindled being presented at the 3rd zone, comprising: each character that will be positioned at described second area according to described predetermined reduction displaying ratio and the second predetermined DISPLAY ORDER dwindles successively and is presented at described the 3rd zone.
11. method according to claim 10 is characterized in that, the described first predetermined DISPLAY ORDER is suitable with the described second predetermined demonstration to be identical.
12., it is characterized in that according to the predetermined reduction displaying ratio, dwindle and be presented at after the 3rd zone amplifying first character element after showing, described method also comprises according to claim 2,6,7 or 8 described methods:
When user's selected object when described first character element jumps to described second character element that hits the element, be exaggerated earlier demonstration again first character element after the reduced demonstration be presented at described first area.
13. the display device of an element information is characterized in that, comprising:
First display module, be used for the element that hits of current page is presented at the first area, wherein, first background luminance of described first area and the page brightness of described current page are inequality, wherein, the described element that hits is the result who obtains with the search key search that the user imports;
Second display module is used for according to the predetermined displaying ratio that amplifies described first character element of being chosen by the user in the element that hits being shown enlarged in second area, and wherein, second background luminance of described second area and described first background luminance are inequality.
14. device according to claim 13 is characterized in that, described device also comprises:
The 3rd display module is used for according to the predetermined reduction displaying ratio, first character element after amplifying is dwindled being presented at the 3rd zone.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2013102725665A CN103309564A (en) | 2013-07-01 | 2013-07-01 | Element information display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2013102725665A CN103309564A (en) | 2013-07-01 | 2013-07-01 | Element information display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103309564A true CN103309564A (en) | 2013-09-18 |
Family
ID=49134847
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2013102725665A Pending CN103309564A (en) | 2013-07-01 | 2013-07-01 | Element information display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103309564A (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104462418A (en) * | 2014-12-11 | 2015-03-25 | 小米科技有限责任公司 | Page displaying method and device and electronic device |
| CN105095362A (en) * | 2015-06-25 | 2015-11-25 | 深圳码隆科技有限公司 | Image display method and device based on target object |
| CN107392052A (en) * | 2017-08-02 | 2017-11-24 | 泰州市抗震办公室（泰州市建设工程施工图设计审查中心） | A kind of online labeling systems of the CAD of construction plan review and online mask method |
| CN107729445A (en) * | 2017-09-30 | 2018-02-23 | 长城计算机软件与系统有限公司 | A kind of positioning of big text reading and display methods based on HTML5 |
| CN111291202A (en) * | 2018-12-07 | 2020-06-16 | 北京奇虎科技有限公司 | Highlight display method and device based on PPT |
| CN112269512A (en) * | 2020-10-30 | 2021-01-26 | 湖南快乐阳光互动娱乐传媒有限公司 | Single-hand operation method and device for mobile equipment |
| CN113805991A (en) * | 2021-08-30 | 2021-12-17 | 北京达佳互联信息技术有限公司 | Object prompting method and device, electronic equipment and storage medium |
| CN114003483A (en) * | 2020-07-28 | 2022-02-01 | 中移(苏州)软件技术有限公司 | Data problem checking method, device and equipment and computer readable storage medium |
| CN114586008A (en) * | 2019-08-09 | 2022-06-03 | 荣耀终端有限公司 | Method and electronic equipment for displaying page elements |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101057239A (en) * | 2004-11-10 | 2007-10-17 | 苹果电脑有限公司 | Highlighting items for search results |
| CN101568923A (en) * | 2006-12-21 | 2009-10-28 | 微软公司 | Visualization and navigation of search results |
| CN101833574A (en) * | 2010-04-15 | 2010-09-15 | 西安酷派软件科技有限公司 | Method and system for locating application programs as well as mobile terminal |
| CN102934109A (en) * | 2010-05-20 | 2013-02-13 | 萨基姆通讯宽带公司 | Method for navigating within a search result obtained by means of a search engine |
-
2013
- 2013-07-01 CN CN2013102725665A patent/CN103309564A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101057239A (en) * | 2004-11-10 | 2007-10-17 | 苹果电脑有限公司 | Highlighting items for search results |
| CN101568923A (en) * | 2006-12-21 | 2009-10-28 | 微软公司 | Visualization and navigation of search results |
| CN101833574A (en) * | 2010-04-15 | 2010-09-15 | 西安酷派软件科技有限公司 | Method and system for locating application programs as well as mobile terminal |
| CN102934109A (en) * | 2010-05-20 | 2013-02-13 | 萨基姆通讯宽带公司 | Method for navigating within a search result obtained by means of a search engine |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104462418A (en) * | 2014-12-11 | 2015-03-25 | 小米科技有限责任公司 | Page displaying method and device and electronic device |
| CN105095362A (en) * | 2015-06-25 | 2015-11-25 | 深圳码隆科技有限公司 | Image display method and device based on target object |
| CN107392052A (en) * | 2017-08-02 | 2017-11-24 | 泰州市抗震办公室（泰州市建设工程施工图设计审查中心） | A kind of online labeling systems of the CAD of construction plan review and online mask method |
| CN107729445A (en) * | 2017-09-30 | 2018-02-23 | 长城计算机软件与系统有限公司 | A kind of positioning of big text reading and display methods based on HTML5 |
| CN107729445B (en) * | 2017-09-30 | 2020-02-07 | 长城计算机软件与系统有限公司 | HTML 5-based large text reading positioning and displaying method |
| CN111291202A (en) * | 2018-12-07 | 2020-06-16 | 北京奇虎科技有限公司 | Highlight display method and device based on PPT |
| CN114586008A (en) * | 2019-08-09 | 2022-06-03 | 荣耀终端有限公司 | Method and electronic equipment for displaying page elements |
| CN114003483A (en) * | 2020-07-28 | 2022-02-01 | 中移(苏州)软件技术有限公司 | Data problem checking method, device and equipment and computer readable storage medium |
| CN114003483B (en) * | 2020-07-28 | 2024-11-08 | 中移(苏州)软件技术有限公司 | Data problem investigation method, device, equipment and computer readable storage medium |
| CN112269512A (en) * | 2020-10-30 | 2021-01-26 | 湖南快乐阳光互动娱乐传媒有限公司 | Single-hand operation method and device for mobile equipment |
| CN113805991A (en) * | 2021-08-30 | 2021-12-17 | 北京达佳互联信息技术有限公司 | Object prompting method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103309564A (en) | Element information display method and device | |
| CN102763065B (en) | For navigating through multiple device, method and graphical user interface of checking region | |
| TWI570580B (en) | Method, computer system and computer program product for navigating among a plurality of content items in a browser | |
| US9170706B2 (en) | Query box polymorphism | |
| US20090079702A1 (en) | Method, Apparatus and Computer Program Product for Providing an Adaptive Keypad on Touch Display Devices | |
| CN104252529A (en) | Method and device for loading map annotations | |
| CN105739843A (en) | Information display method and apparatus as well as electronic device | |
| CN105247540A (en) | Managing real-time handwriting recognition | |
| CN101266520A (en) | System for accomplishing live keyboard layout | |
| TW201721364A (en) | Method and system for inputting information | |
| TW201923547A (en) | Processing method, device, apparatus, and machine-readable medium | |
| CN103136196A (en) | Methods used for inputting text into electronic device and correcting error | |
| CN105898495A (en) | Method for pushing mobile terminal recommended information and mobile terminal | |
| KR102199460B1 (en) | Terminal and method of controlling the same | |
| TW201923630A (en) | Processing method, device, apparatus, and machine-readable medium | |
| WO2016107462A1 (en) | Information input method and device, and smart terminal | |
| CN103218154A (en) | Device, method, and graphical user interface for selection of views in a three-dimensional map based on gesture inputs | |
| CN112947923A (en) | Object editing method and device and electronic equipment | |
| US20240220072A1 (en) | Application icon display method and apparatus, and electronic device | |
| CN105263054A (en) | Information display method and device and smart television | |
| CN104219586A (en) | Input device and input method applied to smart televisions | |
| CN102999556B (en) | Text search method, device and terminal device | |
| CN103135786A (en) | Method used for inputting text into electronic device | |
| US10387503B2 (en) | Systems and methods involving features of search and/or search integration | |
| CN112882619A (en) | Application interface management method and device, electronic equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130918 |