I created a simple plugin for jQuery that displays an information bar that looks similar to what most browsers are doing to show messages to a user today. I needed to create something that showed my custom messages when necessary. Total development time on top of jQuery was about 15 minutes. This is the best framework ever!
infoBar is easy to use. Here is what you do:
showInfoBar(‘This is a sample information bar!’);
Once the infoBar shows and the user clicks the close link on the right the hideInfoBar(); function is called. This is automatically wired up. All you have to do is display the bar and everything else just works.
infoBar also resizes when the user resizes the browser and always stays on the top of the browser when the user scrolls the page.
All the CSS is customizable right inside the script. You just need to include it and you’re all set. Feel free to modify my script. Hopefully the next version gets support for an icon on the left and I will fancy up the close link.
Confirmed to work in IE7, Chrome, and Safari.
Current version: 1.0
infoBar at the jQuery Plugin Repository (download available)
Other Links:
Blake Pell took infoBar.js and wrapped it to create an ASP.NET control that can be used on your site.
