Need assistance with altering JQuery JBAR script
I need some help in altering this JQuery script if possible. I script as it currently stands creates a bar at the bottom of the page with a message that fades away after 5 secs. To trigger the bar you have to click a button. I would like to alter that so you don't need to click the button. The bar fades in after 5 seconds. Everything else I like. The script is from a CodeDrops tutorial called JBar.
http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/
- (function ($) {
- $.fn.bar = function (options) {
- var opts = $.extend({}, $.fn.bar.defaults, options);
- return this.each(function () {
- $this = $(this);
- var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
- $this.click(function (e) {
- if(!$('.jbar').length) {
- timeout = setTimeout('$.fn.bar.removebar()', o.time);
- var _message_span = $(document.createElement('span')).addClass('jbar-content').html(o.message);
- _message_span.css({
- "color": o.color
- });
- var _wrap_bar;
- (o.position == 'bottom') ? _wrap_bar = $(document.createElement('div')).addClass('jbar jbar-bottom') : _wrap_bar = $(document.createElement('div')).addClass('jbar jbar-top');
- _wrap_bar.css({
- "background-color": o.background_color
- });
- if(o.removebutton) {
- var _remove_cross = $(document.createElement('a')).addClass('jbar-cross');
- _remove_cross.click(function (e) {
- $.fn.bar.removebar();
- })
- } else {
- _wrap_bar.css({
- "cursor": "pointer"
- });
- _wrap_bar.click(function (e) {
- $.fn.bar.removebar();
- })
- }
- _wrap_bar.append(_message_span).append(_remove_cross).hide().insertBefore($('.content')).fadeIn('fast');
- }
- })
- });
- };
- var timeout;
- $.fn.bar.removebar = function (txt) {
- if($('.jbar').length) {
- clearTimeout(timeout);
- $('.jbar').fadeOut('slow', function () {
- $(this).remove();
- });
- }
- };
- $.fn.bar.defaults = {
- background_color: '#fff',
- color: '#000',
- position: 'top',
- removebutton: true,
- time: 5000
- };
- })(jQuery);
[moderator reformatted]