JSFiddle - React, Tailwind, and code Playground

by suphalak_26

HTML

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script src="http://www.sluniverse.com/ffn/wp-content/themes/the-bootstrap/js/bootstrap.min.js?ver=2.0.3"></script>
<script src="http://www.sluniverse.com/ffn/wp-content/themes/the-bootstrap/js/the-bootstrap.min.js?ver=2.0.0"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<div id="divDialog" title="A modal window">

This is a test

</div>

<input type="button" id="btnOpen" value="Open">

JavaScript

$(document).ready(function(){

$("#divDialog").dialog({
resizable: true,
autoOpen:false,
modal: true,
width:400,
height:200,
buttons: {
'Continue': function() {
$(this).dialog('close');
//alert('You clicked continue');
}, // end continue button
Cancel: function() {
$(this).dialog('close');
} //end cancel button
}//end buttons

});//end dialog

}); //end ready event


$('#btnOpen').click(function(){

$('#divDialog').dialog('open');

});