bootpop.js

AJAX Enabled Bootstrap Modal jQuery Plugin Set

• AJAX content by default with pre-loader
• JSON content handler
• Multi-modal (launch modals from inside modals)
• Alert and Confirm modals with buttons
• Image and HTML content modals

Demos

Click here to see the examples in action.

Usage

Bootpop('ajax.php');

Bootpop.alert('Some message');

Bootpop.ask('Some question');

Bootpop.image('/src/to/img.png');

Bootpop.html('<h1>Hello</h1><h2>World!</h2>');

Options

• url: The url to submit query
• method: Request method (get, post)
• size: small or large (default: medium)
• modalHeader: true or false (default: true)
• title: The modal header title (default: null)
• params: (Object) {keyName : value}
• buttons: (Array)

[{ 
   btnClass : 'btn btn-success', 
   btnLabel : 'YES', 
   btnValue : 'Y', 
   btnAction : function(data){ 
       $('.modal').modal('hide') 
   } 
}]

• responseHandler: (Function) function(data){ return data}

Styles

• modalClass: modal fade
• dialogClass: modal-dialog
• contentClass: modal-content
• headerClass: modal-header
• titleClass: modal-title
• bodyClass: modal-body
• footerClass: modal-footer
• imageClass: img-responsive

Events

• opened.bp.modal Triggered when modal is opened and visable.
• closed.bp.modal Triggered when modal is fully closed.