🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Msgbox is an versatile jQuery popup plugin for creating modals, dialogs, message boxes that are draggable, themable, resizable and fully customizable.

Modal popup Dialog

Documentation

jquery.msgbox

A jquery popup/modal/dialog plugin. Version 8.0

Documentation and examples: https://pwwang.github.io/jquery.msgbox

Browser support: morden browsers, IE7+

Required: jquery 1.7+

Previous version could be found at https://code.google.com/p/jquery-msgbox/

Why another jquery popup plugin ?

Most of the exising jquery popup plugins are lacking some of the features:

  • Multiple instances support
  • Resize handler to resize the popup box
  • Maximization/Minimization of the popup box
  • Dragging support
  • Theme customization
  • Key bindings support
  • Working as a photo slideshow

Install

bower install jquery.msgbox

Features

(c) could be customized

  • Key bindings (c)
  • Overlay events (c)
  • Draggable
  • Resizable
  • Icons, (prev,play,next,min,max,close) (c)
  • Buttons in footer, and their events could be fully customized (c)
  • Working as a photo viewer
  • Themes (c)
  • Multiple instances (task tar simulation)
  • Internationalization (c)
  • API

Basic usage

$(".trigger").msgbox({ 	type: 'html', 	content: '<p>Hello</p>' });  // calling API $(".trigger").msgbox().close();  // multiple instances $.msgbox({ 	type: 'text', 	content: 'instance1', 	id: 0 }); $.msgbox({ 	type: 'html', 	content: 'instance2', 	id: 'msgbox1' });  // calling API $.msgbox(0).close(); $.msgbox('msgbox1').min(); 

You May Also Like