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


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

<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; }



<script type="text/javascript">

$(function() {

    // 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
    // bind callback
    .click(function() {
        // do whatever you want


<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>

Return current item: PHP-OS