Demo

Simple, light and flexible js dialogue. http://mwyatt.github.io/dialogue/

Installation

npm install mwyatt-dialogue --save

var dialogueFactory = require('mwyatt-dialogue');
var dialogue = new dialogueFactory();
 
dialogue.create({
  title: 'Hello World'
});

Property	Value
`title`	`string` Gives the dialogue a title.
`description`	`string` Gives the dialogue a description.
`hardClose`	`bool` `default: false` If true, only clicking the cross in the corner will close the dialogue.
`className`	`string` Appends the class name string to the dialogue when rendering. This allows for unique styling within specific dialogues.
`positionTo`	`object` Pass a jquery selection here and the dialogue will be positioned to it when it opens.
`draggable`	`bool` `default: false` If true, makes the dialogue draggable.
`actions`	Specify any buttons required for the dialogue and the callback functions which will execute when clicked. `actions: {'Name': function() {}}`
`ajax`	`bool` `default: false` If true, the dialogue is created with a CSS spinner in the body. The ajax request must be handled separately.
`onComplete`	`function` Callback function, fired when dialogue has been fully rendered and positioned.
`onClose`	`function` Fired when dialogue has been closed.
`mask`	`bool` `default: false` If true, the browser view port is masked/obscured slightly.
`html`	`string` Insert html directly into the dialogue.
`hideClose`	`bool` `default: false` If true, hides the closing cross from the corner.
`width`	`integer` Integer specifying exact pixel width for dialogue.

Various methods can be called upon once the dialogue is created.

dialogue.close();

Method	Action
`close`	Closes the dialogue and removes any events.
`setHtml`	`string` Replaces the html area with the passed string.
`setTitle`	`string` Replaces the title area with the passed string.
`reposition`	Centers the dialogue in the viewport.
`isOpen`	`returns bool` Returns true if the dialogue is curerntly open.