dialog booox

by Akram kamal

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">

JavaScript

var myIcon = '<i class="icon icon-flag-checkered icon-large pull-left"></i>';
    var myDialog = $('<div title="ALMOST DONE!" style="font-size:1.1em;">' + 'Your Text/HTML Here' + '</div>');
    myDialog.dialog({
        resizable: false,
        height: 'auto',
        open: function () {
            $(this)
                .parent()
                .children(".ui-dialog-titlebar")
                .prepend(myIcon);
        },
        buttons: {
            "Any Button": function () {
                alert('Yep, you clicked it.');
            },
                "OK": function () {
                $(this).dialog('close');
            }
        }
    });