https://github.com/pwwang/jquery.msgbox

A jquery popup plugin
https://github.com/pwwang/jquery.msgbox

jquery jquery-popup-plugin msgbox popup-box themes

Last synced: 25 days ago
JSON representation

A jquery popup plugin

• Host: GitHub
• URL: https://github.com/pwwang/jquery.msgbox
• Owner: pwwang
• License: mit
• Created: 2014-01-12T10:55:13.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2020-11-04T21:19:31.000Z (about 4 years ago)
• Last Synced: 2024-10-20T12:35:14.443Z (27 days ago)
• Topics: jquery, jquery-popup-plugin, msgbox, popup-box, themes
• Language: CSS
• Homepage: https://pwwang.github.io/jquery.msgbox
• Size: 535 KB
• Stars: 4
• Watchers: 6
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
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

-------

```bash

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: '
Hello
'

	});


	// 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();