Simple Modal View

A modal component without using the jQuery library.

Basic Usage

Installation

Include the CSS and JS files.

<link href="modal.css" rel="stylesheet"/>
<script type="application/javascript" src="modal.js"></script>

Add the Trigger

<button data-target="modal_dialog_ID" data-toggle="modal">Launch modal</button>

Create the Modal

<div id="modal_dialog_ID" class="modal">
    <div class="modal-window">
        <span class="close" data-dismiss="modal">&times;</span>
        ...
    </div>
</div>

Demo

See modal.html for examples.