Location: PHPKode > projects > PHP-OS > PHP-OS BetaV2/test2.html
<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>demo</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/ui-lightness/jquery-ui.css" />

<style type="text/css">

.ui-dialog .ui-dialog-titlebar-other { position: absolute; right: 30px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-other span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-other:hover, .ui-dialog .ui-dialog-titlebar-other:focus { padding: 0; }

</style>

    </head>

    <body>
<script type="text/javascript">

$(function() {
		$("#dialog").dialog();


    // create anchor to contain icon
    $('<a href="#" class="ui-dialog-titlebar-other ui-corner-all ui-state-default"></a>')
    // add icon and text
    .append('<span class="ui-icon ui-icon-minus">other</span></a>')
    // add the anchor to the titlebar
    .appendTo('.ui-dialog-titlebar')
    // bind callback
    .click(function() {
        // do whatever you want
    });
	});

</script>

<div id="dialog" title="Basic dialog">
	<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
    </body>

</html> 
Return current item: PHP-OS