1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="jquery.boxes.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.boxes.min.js"></script>
<script type="text/javascript" src="jquery.boxes.repopup.min.js"></script>
2. HTML
<a class="default" href="#">default</a>
<a class="alert" href="#">alert</a> /
<a class="confirm" href="#">confirm</a> /
<a class="prompt" href="#">prompt</a>
3. JAVASCRIPT
$(".default").boxes();
$(".alert").boxes('alert', 'This is an alert.');
$(".confirm").boxes('confirm', 'This is a confirm!');
$(".prompt").boxes('prompt', 'This is a prompt', 'js-tutorial.com');
4. OPTIONS
mode: '',
title: '',
message: '',
okBtn: 'Ok',
cancelBtn: 'Cancel',
closeBtn: 'Close',
inputTxt: '',
width: 'auto',
height: 'auto',
minWidth: 250,
minHeight: 120,
maxWidth: 800,
maxHeight: 600,
padding: [25, 20],
border: [3, 3],
autoClose: 0,
noClose: false,
clickOut: false,
messString: true,
autoResize: true,
okBtnShow: false,
cancelBtnShow: false,
closeBtnShow: false,
inputTxtShow: false,
ok: function() {},
cancel: function() {},
close: function() {},
input: function() {},
button: function() {},
helper: function() {},
JS Tutorial
