SIGN UP MEMBER LOGIN:    
ARTICLE

TopBar Message Panel using jQuery Plugin

Posted by Jaganathan Bantheswaran Articles | JQuery May 23, 2011
In this article we shall see how to display a TopBar Message Panel using jQuery Plugin.
Reader Level:
Download Files:
 


Prologue:

In this article we shall see how to display a TopBar Message Panel using jQuery Plugin.

jQuery:

TopBarJquery1.gif

JQuery is a JavaScript library that handles many commonly used features and also handles the differences between, e.g., Internet Explorer and standards-compliant browsers. It's something you can use to reduce the amount of work when creating web-based applications.

jQuery TopBar plugin:

The TopBar message box plug-in can be used to show a message box or notification on a web page. This is very simple to use and easy to configure.

Example:

Head section:

TopBarJquery2.gif

In the head section we are defining the function which will display the TopBar panel upon click of the link provided.

Body section:

TopBarJquery3.gif

The body section contains the link which will call the function showTopbarMessage() when the link is clicked.

Summary:

In this article, we have seen the basics of how to display a TopBar message panel using jQuery plugin.

Thanks for spending your precious time here. Please provide your valuable feedbacks and comments, which enable me to give a better article the next time.

Please rate this Article.

Thanks.

Login to add your contents and source code to this article
share this article :
post comment
 

Pass the height value as , height: $("#tapBar-body").height() + "px" instead of the "150px".

Posted by Jaganathan Bantheswaran Aug 02, 2011

Thanks for sharing jagan, but how can i set the height according to the text?

Posted by Fabio Paiva Aug 01, 2011

You are welcome Majid.

Posted by Jaganathan Bantheswaran May 24, 2011

Thanks for sharing it. Really nice article

Posted by Majid Kamali May 24, 2011
6 Months Free & No Setup Fees ASP.NET Hosting!
Become a Sponsor
PREMIUM SPONSORS
  • ceTE software specializes in components for dynamic PDF generation and manipulation. The DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and new content to existing PDF documents from within your applications.
    ceTE software specializes in components for dynamic PDF generation and manipulation. The DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and new content to existing PDF documents from within your applications. Visit DynamicPDF here
Nevron Gauge for SharePoint
Become a Sponsor