Skip to main content

Create your own Search Engine Provider for FF and IE7+

Search Engine Providers, you know the ones you see on the browser - next to the address bar.These have become more and more popular with new age browsers getting open to user search. Its easy to create your own Provider. A real application for this would be like, say, your own site for search. Or putting all your favorite forums in the search bar. This example uses a Google custom search engine(CSE).

 

A Google CSE (create your own here), can be used to include exclude content and show results accordingly. Like all other Google products, a lot of customizations can be done on this. Most of the sites that use Google Site Search can be considered a candidate CSE.

Once you have your own CSE, To create a search provider, You will need a place to host one xml file and one HTML file. The xml file is a OpenSearch descriptor. Its like an installation file for your browser.
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>SarathOnline</ShortName>
<Description>SarathOnline provider</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image height="16" width="16" type="image/x-icon">http://www.sarathonline.com/favicon.ico</Image>
<Url type="text/html" template="http://www.google.com/cse?cx=010092377840403691114%3Anwjgwby6kxi&ie=UTF-8&q={searchTerms}&sa=Search&siteurl=www.google.com%2Fcse%2Fhome%3Fcx%3D010092377840403691114%3Anwjgwby6kxi" />
</OpenSearchDescription>
Now, this xml file alone cannot be used to install the provider. If you see a page like this one, You click on the link and the provider gets installed. So, To do something of the same sort, you need to have an HTML page that has a link (or a button) which triggers this installation. The Actual installation is achieved by a javascript call
window.external.AddSearchProvider("http://www.sarathonline.com/searchprovider.xml");
Note that the argument must be an absolute URI.

Here is a completely working html and xml files zipped into one. To use this, unzip the contents into a publicly accessissable folder on your website. Modify the xml, insert or modify the html to match your site.

Popular posts from this blog

Javascript: Convert Strings to Binary (and representing in a nerdy way!)

I follow those GoogleDevelopers Videos. Sometime back, in one of the presentations on GoogleIO, there was this interesting string of dots at the bottom of each page of the presentation. They looked like random big and small dots. A similar bunch of dots were also on the T-shirt of a presenter was wearing in another presentation. While it seemed something in the pattern, I could not find what it was. Finally, another presenter cleared the matter that those dots are just binary representation of "GOOGLEIO" (So much for advertizing Google IO, Impressive!).

So I wanna do it. Takes me back to days of those DSP classes at school. Nerdy me had to churn some old brain cells. I remember those first programming language classes in Pascal and C when you were asked to do fibonacci series and converting a binary string to ascii codes. That *experience* came handy here: Check it out!

Text to Binarize:
For those who came to copy the javascript code to convert string to binary, Here it is…

Add jquery in Chrome console

Many a time, a page you are debugging doesnot have jquery. This simple js will add(or prompt you to overwrite) jquery to any page from chrome console.

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js';(d.head||d.documentElement).appendChild(s)})(document);

The easiest way to install docker on Ubuntu

Docker releases come out faster than ubuntu updating thier repositories. Docker mainitains a ppa. One can add the ppa key, and then add to sources.list.d and then update sources and then install lxc-docker. OR..
curl -sSL https://get.docker.com/ubuntu/ | sudo sh