» Archive for the ‘Google’ Category
Extended Google Ajax News Bar
As I promised, I wrote new application based on Google Ajax News Bar. This is not exactly new application, it might be say that this is an extension to the original News bar.
Google provides two kinds of ways in displaying the results:
- Horizontal - animated bar with ability to show the description in the other wrapper (
options.horizontal=true, and options.currentResult=document.getElementsById(wrapper)).
- Vertical - all the news results and its parts (title, description, etc.) are displayed in the specified container plus you have ability to switch between search items.
My version is between these two methods but near the first one. It is the normal horizontal bar but the difference is that the title and description are displayed in the popup box near mouse pointer when you move it over the news title.
You can use all options that are available in the original New Bar (and for horizontal method) except of currentResutls and horizontal (always true) - these are used internally and values will be bypassed.
The bad or good information is that this version using prototype.js.
Google Ajax News Bar
Google provides new feature called AJAX News Bar. This application lets you add news search results to your website or blog. You can specify the orientations, the number of results (of course 4 or 8, nothing has changed), etc. The interesting thing is controlling through the links in your page which news results are displayed (works same as my green-links). If you are not good in JavaScript you can use Wizard, it will generates the code for you.
Here are the links to reference, example, and
Wizard.
So, I’m starting to write new application right now, lets see what we can do with it…
Gproto.js library
To faster and easier build web application based on Google Ajax Search API I created very simple library - gproto.js.
Gproto.js gives you control on every part of the result. You can change the font size, font colors, background color, margins, etc., by simply assigning the style class name to specified result element. You can also put the results of each search into a different containers, hide any parts of the results, control how many results will be displayed, set the “preloader” and “not found” messages, and more…
You can download and use it for free however you have to obey Google Ajax Search API Terms of Use, because it is based on a code provided by Google.
CSE and Google Ajax…
Finally I finished the new version of my custom search engine. Now it use Google Ajax Search API and lots of graphics effects and animated preloader. You can use it for searching information about music and movies, however this is only demonstration. I strove so that the code was easy to change and prepared for future implementation.
Quick manual:
When you type the query and click enter or press Search button, you will see the search results inside the panel(this may take a while depends of your internet connection speed).
Each result has its own bookmark button and responds with changing the color of descriptions when mouse pointer is over it.
At the left corner of the panel you can see vertical bar where you can choose how many results are displayed in the one query session.
The last feature you can find in the top right corner inside the panel (the red colored text) - more results… This link directs to Google page with my custom search engine, each link depends on query and the actual visible tab.
That’s all, If I will find some time I will add new features, maybe google add new ones… Will see. Have a nice play with CSE…
Custom Search Engine
I have been working on my Google Custom Search Engine, you can see the actual results here. The GSE documentation is not very comprehensive, for example, I can’t find anything about AdditionalData tag, but it is used in one of the featured examples (same with timestamp attribute). It is not very hard to build your own CSE because almost all what we need we have in the control panel of each search engine, and also we can use advanced options to extend our engine. But I think the best way to build more interesting application is to use Custom Search Engine and Google Ajax Search API, however doing that, we have to
find a compromise between full control and quantity of results. I will try to take as much as I need from both CSE and Google Search API, but I don’t really know how this frankenstein will be look like. 
Green-links v1.0 (beta)
It is time for a new version of my Google Ajax Search API project, which I called the Green-Links!.
This is BETA version, becouse I didn’t test it very much, however it works fine since I implement it on this blog.
What’s new:
- New Code,
- Preloader,
- Icons in tabbar (Icons downloaded from Google),
- Back button instead of Close button,
- Video search,
- Query redirection to the Google main page,
- Multicolor background..
- Add to Google button - bookmarking results,
- New items in the results:
- Blog: Author, Date
- News: Location, Date, Publisher
- Video: Duration, Date, Publisher
Click on the GreenLinks in posts, to see how it works… Google
Also look at the standalone example.
enjoy…
Playing with Google Ajax Search API
Since last post I’ve been playing with Google Ajax Search API. There is a lot of potencial in a inconspicuous search result presented by the Google Search, especially when we can implement it in various way on the website.
Today, I present two solutions, which I use on my blog. First, is a simple search form, which works same like Google Serach box. The main diffrence from that published on a Google Ajax Search API examples, is that the results are displayed on speciffied page, not restricted to the same page with search form. Query is submitted to the search.php using POST method, and the rest is done by a Google Ajax code. The advantage of that solution is the page independent search box. (You can find this search box at the top of this website).
Second thing, which I created using Google Ajax Search Api is something what i called “green-links”. The Green-links are links to the Google Search results that refers to the specified keywords (or phrases). When you click on the green-link the page will scroll to Google Search Results Panel. You will not lose your thread, because when you click on a “close” button on the Google Search Results Panel, results will be closed and the page will be scrolled back to the green-link. Simple! You can test it in the last post.
Extended Google Ajax News Bar
As I promised, I wrote new application based on Google Ajax News Bar. This is not exactly new application, it might be say that this is an extension to the original News bar.
Google provides two kinds of ways in displaying the results:
- Horizontal - animated bar with ability to show the description in the other wrapper (
options.horizontal=true,andoptions.currentResult=document.getElementsById(wrapper)). - Vertical - all the news results and its parts (title, description, etc.) are displayed in the specified container plus you have ability to switch between search items.
My version is between these two methods but near the first one. It is the normal horizontal bar but the difference is that the title and description are displayed in the popup box near mouse pointer when you move it over the news title.
You can use all options that are available in the original New Bar (and for horizontal method) except of currentResutls and horizontal (always true) - these are used internally and values will be bypassed.
The bad or good information is that this version using prototype.js.
Google Ajax News Bar
Google provides new feature called AJAX News Bar. This application lets you add news search results to your website or blog. You can specify the orientations, the number of results (of course 4 or 8, nothing has changed), etc. The interesting thing is controlling through the links in your page which news results are displayed (works same as my green-links). If you are not good in JavaScript you can use Wizard, it will generates the code for you.
Here are the links to reference, example, and
Wizard.
So, I’m starting to write new application right now, lets see what we can do with it…
Gproto.js library
To faster and easier build web application based on Google Ajax Search API I created very simple library - gproto.js.
Gproto.js gives you control on every part of the result. You can change the font size, font colors, background color, margins, etc., by simply assigning the style class name to specified result element. You can also put the results of each search into a different containers, hide any parts of the results, control how many results will be displayed, set the “preloader” and “not found” messages, and more…
You can download and use it for free however you have to obey Google Ajax Search API Terms of Use, because it is based on a code provided by Google.
CSE and Google Ajax…
Finally I finished the new version of my custom search engine. Now it use Google Ajax Search API and lots of graphics effects and animated preloader. You can use it for searching information about music and movies, however this is only demonstration. I strove so that the code was easy to change and prepared for future implementation.
Quick manual:
When you type the query and click enter or press Search button, you will see the search results inside the panel(this may take a while depends of your internet connection speed).
Each result has its own bookmark button and responds with changing the color of descriptions when mouse pointer is over it.
At the left corner of the panel you can see vertical bar where you can choose how many results are displayed in the one query session.
The last feature you can find in the top right corner inside the panel (the red colored text) - more results… This link directs to Google page with my custom search engine, each link depends on query and the actual visible tab.
That’s all, If I will find some time I will add new features, maybe google add new ones… Will see. Have a nice play with CSE…
Custom Search Engine
I have been working on my Google Custom Search Engine, you can see the actual results here. The GSE documentation is not very comprehensive, for example, I can’t find anything about AdditionalData tag, but it is used in one of the featured examples (same with timestamp attribute). It is not very hard to build your own CSE because almost all what we need we have in the control panel of each search engine, and also we can use advanced options to extend our engine. But I think the best way to build more interesting application is to use Custom Search Engine and Google Ajax Search API, however doing that, we have to
find a compromise between full control and quantity of results. I will try to take as much as I need from both CSE and Google Search API, but I don’t really know how this frankenstein will be look like.
Green-links v1.0 (beta)
It is time for a new version of my Google Ajax Search API project, which I called the Green-Links!.
This is BETA version, becouse I didn’t test it very much, however it works fine since I implement it on this blog.
What’s new:
- New Code,
- Preloader,
- Icons in tabbar (Icons downloaded from Google),
- Back button instead of Close button,
- Video search,
- Query redirection to the Google main page,
- Multicolor background..
- Add to Google button - bookmarking results,
- New items in the results:
- Blog: Author, Date
- News: Location, Date, Publisher
- Video: Duration, Date, Publisher
Click on the GreenLinks in posts, to see how it works… Google
Also look at the standalone example.
enjoy…
Playing with Google Ajax Search API
Since last post I’ve been playing with Google Ajax Search API. There is a lot of potencial in a inconspicuous search result presented by the Google Search, especially when we can implement it in various way on the website.
Today, I present two solutions, which I use on my blog. First, is a simple search form, which works same like Google Serach box. The main diffrence from that published on a Google Ajax Search API examples, is that the results are displayed on speciffied page, not restricted to the same page with search form. Query is submitted to the search.php using POST method, and the rest is done by a Google Ajax code. The advantage of that solution is the page independent search box. (You can find this search box at the top of this website).
Second thing, which I created using Google Ajax Search Api is something what i called “green-links”. The Green-links are links to the Google Search results that refers to the specified keywords (or phrases). When you click on the green-link the page will scroll to Google Search Results Panel. You will not lose your thread, because when you click on a “close” button on the Google Search Results Panel, results will be closed and the page will be scrolled back to the green-link. Simple! You can test it in the last post.