Bug Tracker

Ticket #3302: test2.html

File test2.html, 1.6 KB (added by mv987, 12 years ago)

this shows the clone problems on divs

Line 
1<html>
2<head>
3        <title>
4                Test Case - clone problem in IE
5        </title>
6    <script type="text/javascript" src="jquery.js"></script>
7
8        <script>
9
10               
11                var controlcellstring = "<div class='controlcell'>Number of cells in blue div: <a href='#' class='buttontest'>click here</a></div>";
12                var maincellstring = "<div>content</div>";
13                var mainrowstring = "<div class='tableconstructrow'></div>";
14
15                $(document).ready(function() {
16
17                        $("#buttonaddrow").click(function() {
18                                addrow();
19                                return false;
20                        });
21
22                        var table = $("<div id='tableconstruct' cellspacing='10'></div>");
23                        var row = $(mainrowstring).append(controlcellstring).append($(maincellstring)).append($(maincellstring));
24                        $("#tablecontructholder").append(table.append(row));
25
26                        applyeventhandlers();
27                });
28
29
30                function applyeventhandlers(context)
31                {
32                        $(".buttontest", context).click(function() {
33                                alert($(this).parents(".tableconstructrow").children().length);
34                                return false;
35                        });
36                }
37
38                function addrow()
39                {
40                        var tbody = $("#tableconstruct");
41                        var newrow = tbody.children(":last").clone(true);
42                        //var newrow = tbody.children(":last").clone();
43                        //applyeventhandlers(newrow);
44                        newrow.appendTo(tbody);
45                }
46
47
48        </script>
49
50        <style type="text/css">
51       
52        .tableconstructrow div {
53                margin:5px;
54                background-color:#f0f0f0;
55                }
56        .tableconstructrow
57                {
58                background-color:#aaaaff;
59                padding:10px;
60                margin:10px;
61                }
62
63    </style>
64</head>
65<body>
66
67
68        <div>
69        <div id='controlpanel'>
70            <a href='#' id='buttonaddrow'>Add Row</a>
71        </div>
72
73                <div id='tablecontructholder'></div>
74
75        </div>
76
77
78
79
80</body>