Jump to content

help with altering JQuery script


webguync

Recommended Posts

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.

 

Here is the code

 

 

 
(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);
Link to comment
https://forums.phpfreaks.com/topic/276179-help-with-altering-jquery-script/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.