Important facts about commercial licenses

  • Licenses are perpetual. They do not expire and do not need to be renewed.
  • Licenses can be upgraded. You can upgrade to a more expensive license later paying only the difference in cost.
  • Pay attention to the distribution type - Hosted (sites / servers), binary (applications) or source (includes all the others). Choose according to your needs (more below).
  • All licenses allow commercial use unless otherwise indicated.
  • Read the full license by clicking on the icon.
  • Read more about licenses in our handy license guide.
$14

Personal License

1 site, unlimited servers No source distribution
You need to log-in or create an account
  • Create an account
  • Log-in
  • Please use your real name.
  • Account activation link will be sent to this address.
  • Minimum 8 characters

Clicking this button confirms you read and agreed to the terms of use and privacy policy.

  • Released: Mar 29, 2011
    Last Update: May 24, 2012
  • Language: JavaScript
    Framework: jQuery

jQuery Help Popups

jQuery Help Popups
Developed by Paul K. Lunow, Released Mar 29, 2011

Simple jQuery help popups / tooltips interface tutorial system. Shows help message near selected element and remembers open / close status.

JavaScript

Tags: bubbles , cookies , guide , help

Simple help messages for your users

  • Show lightweight messages to users on top of the interface.
  • Can be used for notifications about new features or updates or for first-use tutorials.
  • Just provide title and content - popup will auto-position itself next to selected element.

How it works

  • Notification popup tooltip bubble appears near page element with title and content
  • Popup remembers if user has closed it and will not be shown again (information stored in a cookie)
  • You can control specific positioning if needed
  • Look and feel is customizable through provided CSS

Usage example

// Just title and content
$(selector).help(title, content); 

// JSON notation for controlling exact position
$(selector).help({
     title: 'Title', 
     content: 'Content', 
     position: 'top', 
     offset: '20px -5px'
}); 

Dependencies, browser support

Requires jQuery and jQuery UI

Tested in FF >= 3.5, Safari, Chrome and IE >= 8

User Reviews

No reviews have been submitted yet.

Questions & Comments


Or enter your name and Email
No comments have been posted yet.
You must be logged-in to vote. Log-in to your account or register now.