Bind.js modal dialog element example

What this does?

This is exactly same code as in basic example, except element is initialized as Modal.

Click me!

Modal title

Modal content

Close

 

 

Code:


<div class="clickelement" data-name="clickelement" data-event-type="click" data-event-action="toggle"
data-event-target="toggleelement"> Click me! </div> <div class="dialog" data-object="Modal" data-name="modalDialog"> <h4>Modal title</h4> <p>Modal content</p> <a class="button closeModal">Close</a> </div>

Used classes:


<script src="bind.js"></script>
<script src="bind.Element.js"></script>
<script src="bind.Modal.js"></script>