JQuery UI Dialog

by Taufik Nurrohman

HTML

<link rel="stylesheet" href="http://hompimpa.googlecode.com/svn/trunk/Lipsum-UI/css/ui-custom-theme.css">
<script src="http://hompimpa.googlecode.com/svn/trunk/Lipsum-UI/js/jquery-ui-1.8.16.custom.min.js"></script>
<button>Buka Dialog!</button>
<div id="dialog">Tadaaa!!!</div>

CSS

body {padding:50px}

div {display:none}

JavaScript

$(function() {
    $('button').click(function() {
        $('#dialog').dialog({
            title: "Contoh Dialog"
        });
    });
});