Ticket #4577: dialogProblem.htm

File dialogProblem.htm, 2.5 KB (added by spiralni, 11 years ago)

This is the code that reproduces the error

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3        <head>
4                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5                <title>Example One</title>
6                <link rel="stylesheet" type="text/css" href="../../lib/jquery.ui-1.6rc4/themes/default/ui.all.css">
7                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8                <title>jQuery Dialog</title>
9        </head>
10        <body>
11                <div id="myDialog" class="flora" title="First">
12                        <fieldset>
13                                <legend>Dialog 1</legend>
14                                <form>
15                                        <label for="nameTextBox">Name:</label>
16                                        <input type="text" name="nameTextBox" id="nameTextBox" />
17                                        <label for="emailTextBox">Email:</label>
18                                        <input type="text" name="emailTextBox" id="emailTextBox" />
19                                </form>
20                        </fieldset>
21                </div>
22                <div id="myDialog2" class="flora" title="Second Dlg">
23                        Lorem
24                        ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
25                        sollicitudin. Sed interdum pulvinar justo. Nam iaculis volutpat
26                        ligula. Integer vitae felis quis diam laoreet ullamcorper. Etiam
27                        tincidunt est vitae est. Ut posuere, mauris at sodales rutrum,
28                        turpis tellus fermentum metus, ut bibendum velit enim eu lectus.
29                        Suspendisse potenti. Donec at dolor ac metus pharetra aliquam.
30                        Suspendisse purus. Fusce tempor ultrices libero. Sed quis nunc.
31                        Pellentesque tincidunt viverra felis. Integer elit mauris,
32                        egestas ultricies, gravida vitae, feugiat a, tellus.
33                </div>         
34                <script type="text/javascript" src="../../lib/jquery-ui-1.7.1/jquery-1.3.2.js"></script>
35                <script type="text/javascript" src="../../lib/jquery-ui-1.7.1/ui/ui.core.js"></script>
36                <script type="text/javascript" src="../../lib/jquery-ui-1.7.1/ui/ui.dialog.js"></script>
37                <script type="text/javascript" src="../../lib/jquery-ui-1.7.1/ui/ui.resizable.js"></script>
38                <script type="text/javascript" src="../../lib/jquery-ui-1.7.1/ui/ui.draggable.js"></script>
39                <script type="text/javascript">
40                        $(document).ready(function(){
41                                var firtDlgOpts = {
42                                        modal: true,
43                                        buttons: {
44                                                "Open Second": function(){
45                                                        $("#myDialog2").dialog("open");
46                                                }
47                                        },
48                                        autoOpen: true,
49                                        overlay: {
50                                                background: '#000'
51                                        }
52                                };
53                               
54                                var secondDlgOpts = {
55                                        modal: true,
56                                        buttons: {
57                                                "Close": function(){
58                                                        $("#myDialog2").dialog("close");
59                                                }
60                                        },
61                                        autoOpen: false,
62                                        overlay: {
63                                                background: '#ffa'
64                                        }
65                                };
66                               
67                                $('#myDialog').dialog(firtDlgOpts);
68                                $('#myDialog2').dialog(secondDlgOpts);
69                        });
70                </script>
71        </body>
72</html>