MessageBar – just another jQuery plugin

I had to create a error message system for a site that did not had any, and nothing was actually planned for it.
So instead of going with those labels and changing colors, I’ve decided to make something more… modern. The good thing about this plugin is that it doesn’t require dedicated place, it has a ton of options, and it is very customizable (you can assign any color, it has pre-built skins, and you can pick it’s position on the screen). You can see the demo by clicking on the links below.

[iframe: src=”http://www.andreyvoev.com/playground/jquery/messagebar/” frameborder=”0″ width=”100%” height=”1060px” scrolling=”no”]

  16 comments for “MessageBar – just another jQuery plugin

  1. January 3, 2011 at 00:16

    After having spent substantial time with Black Ops, I stand by my initial impressions. The overall balancing has proven to be exceptional as there is no single “money” class to exploit or be forced to use in tough games. The maps are fun, weapons and upgrade system a blast and all of the customization available makes the game really enjoyable.

  2. February 27, 2011 at 18:57

    Hello,

    How can I get this to display my text between the div’s as the message without having to hardcode my message into the js file?

    As it is now, my message is not being displayed it just shows “Error message”.

    My Dynamic Message
    ……
    $(‘#message_bar’).displayMessage({
    color : ‘white’,
    skin : ‘ff’,
    background: ‘#d3daed’
    });

    Thanks

  3. February 27, 2011 at 20:12

    Hello Steve,

    You are missing the message argument in the function (if you don’t supply one, the default “Error message” will be shown).
    So just add the message like this:


    My Dynamic Message
    ……
    $('#message_bar').displayMessage({
    message : 'My awesome message',
    ...
    });

    I hope that helps.

  4. February 27, 2011 at 21:09

    Hi Andrey,

    What I thought I could do with your code is to write:

    Some Message Here

    on my page and have that Some Message Here be part of the message_bar displayed.

  5. February 27, 2011 at 21:10

    sorry, its stripping out my code. Let me try again:

    Some Message Here

  6. February 27, 2011 at 21:13

    hmm,

    ok, well it would be div tags with class = message_bar and the text inside the div “Some Message Here” displayed using your script. But that message changes depending on what the user just did.

  7. June 8, 2012 at 12:28

    How can you have it appear automatically when the page loads, without having to click on a link for it to be displayed??

  8. June 9, 2012 at 00:38

    Hello Jamie,
    You can load the bar like this:

    $(document).ready(function() {
    $('#message_bar').displayMessage({
    message : 'Here I am'
    });
    });

Leave a Reply

Your email address will not be published. Required fields are marked *