jQuery Dialog
This example uses the jquery dialog widget to show a resizeable/moveable/closeable dialog box.
Display a jquery dialog
Code
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
function gofunc() {
$( "#dialogBox" ).dialog();
}
</script>
<p>Display a jquery dialog <button type="button" onclick="gofunc()" >Go!</button></p>
<div id="dialogBox" title="Dialog Box" style="display:none">
<p>A handy, resizeable/moveable jquery dialog!</p>
</div>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
function gofunc() {
$( "#dialogBox" ).dialog();
}
</script>
<p>Display a jquery dialog <button type="button" onclick="gofunc()" >Go!</button></p>
<div id="dialogBox" title="Dialog Box" style="display:none">
<p>A handy, resizeable/moveable jquery dialog!</p>
</div>