Ticket #4700: dialog-test.html

File dialog-test.html, 0.7 KB (added by Mikko Rantanen, July 21, 2009 12:16PM UTC)

Demonstration of the issues

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/1.7.2/themes/base/ui.all.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script>
$(function() {
    $('#show').click(function() { $('#dialog').dialog('open'); });
    $('#close').click(function() { $('#dialog').dialog('close'); });
    $('#dialog').hide().dialog({ 'height': 200 });
});
</script>
</head>
<body>
<button id="show">Open</button>

<div id="dialog" style="position:relative">
<button id="close">Close</button>
</div>

</body>
</html>

Download in other formats:

Original Format