simple-modal
A basic modal with no hidden dependencies
Last updated 4 years ago by dguttman .
BSD · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install simple-modal 
SYNC missed versions from official npm registry.

simple-modal

A module to create a modal. The purpose of this module is to have an easy to use modal that does not have any hidden dependencies (no jQuery!), and features a few useful options.

The modal comes with a default style.

Usage

var modalStyle = require('../index.js');
var theModal = modalStyle( options );

Options

  • title (string) a title for the modal.
  • content (string or DOM object) the content of the modal.
  • clickOutsideToClose (boolean) (default=true) whether a click outside the modal should close it.
  • removeOnClose (boolean) (default=true) whether the modal should be removed from the DOM upon close.
  • attachToBody (boolean) (default=true) whether the modal should be attached to the body upon invoke.
  • buttons (array of objects) a list of buttons to add to the modal. Has a "Cancel" and "Confirm" button as defaults.
    • text (string) text of the button.
    • closeOnClick (boolean) whether a click of the button should close the modal
    • className (string) classes to add to the button
    • callback (function) a function to fire when the button is clicked

Methods

theModal.updateContent( newContent);

Change the content inside of the modal. Currently, this cannot change the buttons or title of the modal.

theModal.deconstruct( newContent);

Remove the modal from the DOM.

theModal.close( newContent);

Hide the modal.

theModal.show( newContent);

Show the modal.

Properties

theModal.m - the DOM object. If you set attachToBody=false, then you could instead do: div.appendChild(theModal.m);

theModal.opts - the options you passed in upon invoking the modal, plus any defaults that you did not pass in your options.

Note

Based off of https://github.com/bengourley/modal.js

Current Tags

  • 2.0.0                                ...           latest (4 years ago)

12 Versions

  • 2.0.0                                ...           4 years ago
  • 1.0.1                                ...           5 years ago
  • 1.0.0                                ...           5 years ago
  • 0.1.4                                ...           6 years ago
  • 0.1.3                                ...           6 years ago
  • 0.1.2                                ...           6 years ago
  • 0.1.1                                ...           6 years ago
  • 0.1.0                                ...           6 years ago
  • 0.0.7                                ...           6 years ago
  • 0.0.6                                ...           6 years ago
  • 0.0.5                                ...           6 years ago
  • 0.0.4                                ...           6 years ago
Maintainers (2)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (4)
Dev Dependencies (5)

Copyright 2014 - 2016 © taobao.org |