Popup Dialogs

Popup jquery message dialogs

CSS/JS files (add code to <HEAD> section):


<!-- DC Popup Dialog CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/popup_dialog/css/tsc_popup_dialog.css" />

<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dreamcodes/jquery.min.js"></script> <!-- (do not call twice) -->

<!-- DC Popup Dialog JS -->
<script type="text/javascript" src="dreamcodes/popup_dialog/js/tsc_popup_dialog.js"></script>

Popup Box

Open a popup box >> click here

View code:


<!-- DC Popup Dialog Start -->
<a href="javascript:popup('Lorem ipsum dolor sit amet, consectetur adipiscing elit.');">click here</a>

<div id="dialog-overlay"></div>
<div id="dialog-box">
<div class="dialog-content">
<div id="dialog-message"></div>
<a href="#" class="button">Close</a>
</div>
</div>
<!-- DC Popup Dialog End -->