26.10.08 | By The Hunter in CSS, Forms, Javascript, Tutorials

Tabbed search bar using CSS and Javascript

Some lines of JavaScript code can help you to add nice effects to improve some features of your websites.


This tutorial explains how to implement a simple tabbed search bar using CSS and a javascript function which set “active” the selected tab and changes the value of an hidden element to set search options and execute your search only for all items related to the selected topic (for example: web, images, videos…).

Requirements: No requirements
License: License free
Demo: woork.bravehost.com/searchbar.html
Related Posts
1 Comment  on " Tabbed search bar using CSS and Javascript "
Posted by: Jamie on Tuesday, February 10, 2009 at 02:03 am

This does not work with IE7

Post comment 
We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too.
Get your Gravators account here!