[whatwg] SearchBox API
Diogo Resende
dresende at thinkdigital.pt
Thu Oct 14 03:42:14 PDT 2010
Hi,
Are you covering such a use case: user enters a website, goes to the
search box (of the browser, not the page), and it is able to search
based on suggestions given by the page?
I think this would be great and would be a good way to normalize the way
people search inside a given page/app.
--
Diogo
On Wed, 2010-10-13 at 15:59 -0700, Tony Gentilcore wrote:
> Hi All,
>
> We're adding instant search integration [1] to Google Chrome, allowing
> the search provider to communicate suggestions to the user agent.
>
> If there is interest, we'd like to make sure that we do this in such a
> way that any search provider or user agent can implement it.
>
> While the search boxes in most user agents support suggestions via an
> HTTP API, instant requires a DOM API. We propose exposing a
> window.navigator.searchBox object. There is some precedence for this
> with window.navigator.registerProtocolHandler()/registerContentHandler()
> [2].
>
> Is this something that others are interested in? If so, any feedback
> on our working API [3]?
>
> -Tony
>
> [1] http://googlesystem.blogspot.com/2010/09/instant-search-in-google-chrome.html
> [2] http://dev.w3.org/html5/spec/Overview.html#navigator
> [3]
>
> interface SearchBox {
> // Search query and cursor position.
> readonly attribute DOMString value;
> readonly attribute unsigned long selectionStart;
> readonly attribute unsigned long selectionEnd;
>
> // Dimensions of the portion of the search box (e.g. a dropdown)
> // that overlaps the window.
> readonly attribute unsigned long x;
> readonly attribute unsigned long y;
> readonly attribute unsigned long width;
> readonly attribute unsigned long height;
>
> // Set ordered suggestions. Valid for current this.value.
> void setSuggestions(in DOMStringArray suggestions);
>
> // Notification that the user has changed the input value.
> attribute Function onchange;
>
> // Notification that the user has committed input (e.g. pressed enter).
> attribute Function onsubmit;
>
> // Notification that the user has selected a suggestion (e.g. down
> arrow to suggestion).
> attribute Function onselect;
>
> // Notification that the user has cancelled input (e.g. closed dropdown).
> attribute Function oncancel;
>
> // Notification that the dimensions of the overlapping region have changed.
> attribute Function onresize;
> }
>
> [Supplemental]
> interface NavigatorAbilities {
> // Raises permission denied if page isn't default search provider.
> readonly attribute SearchBox searchBox;
> }
>
> // Example usage.
> var searchBox = window.navigator.searchBox;
> searchBox.onchange = function() {
> if (this.selectionStart == this.selectionEnd &&
> this.selectionStart == this.value.length)
> alert('Cursor is at end of input');
>
> alert('Setting suggestions for: ' + this.value);
> this.setSuggestions(["one", "two"]);
> }
> searchBox.onsubmit = function() {
> alert('User searched for: ' + this.value);
> }
> searchBox.onselect = function() {
> alert('User selected suggestion: ' + this.value);
> }
> searchBox.oncancel = function() {
> alert('Query when user cancelled: ' + this.value);
> }
> searchBox.onresize = function() {
> alert('Resized to: ' +
> [this.x,
> this.y,
> this.width,
> this.height].join(','));
> }
More information about the whatwg
mailing list