Ajax & GoogleSunday, February 11th, 2007

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:

  1. Horizontal - animated bar with ability to show the description in the other wrapper (options.horizontal=true, and options.currentResult=document.getElementsById(wrapper)).
  2. 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.

Extended NewsBar - demo


Leave a Reply

  • Name: (required)
  • E-mail: (not required/will not be published)
  • Website:
  • Comment: (required)
  • Enter Above Code:
  • Letters left: 255
  • Note: Your comment will appear on the site within a few hours after you submit it.