1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery UI Dialog - Default functionality</title>
7 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
8 <link rel="stylesheet" href="/resources/demos/style.css">
9 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
10 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
11 <script>
12 $( function() {
13 $( "#dialog" ).dialog();
14 } );
15 </script>
16</head>
17<body>
18
19<div id="dialog" title="Basic dialog">
20 <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>
21</div>
22
23
24</body>
25</html>
26