Bug Tracker

Ticket #3302: test.html

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

this shows the dom errors on a TABLE as i try to clone the rows

Line 
1<html>
2<head>
3        <title>
4                Test Case - clone problem in IE (tables)
5        </title>
6    <script type="text/javascript" src="jquery.js"></script>
7
8        <script>
9
10               
11                var controlcellstring = "<td class='controlcell'>Number of cells in row: <a href='#' class='buttontest'>click here</a></td>";
12                var maincellstring = "<td>content</td>";
13                var mainrowstring = "<tr class='tableconstructrow'></tr>";
14
15                $(document).ready(function() {
16
17                        $("#buttonaddrow").click(function() {
18                                addrow();
19                                return false;
20                        });
21
22                        var table = $("<table id='tableconstruct' cellspacing='10'></table>");
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").children();
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                td{
53                background-color:#f0f0f0;
54                }
55        .tableconstructrow, #tableconstruct
56                {
57                background-color:#aaaaff;
58                }
59   
60    </style>
61</head>
62<body>
63
64
65        <div>
66        <div id='controlpanel'>
67            <a href='#' id='buttonaddrow'>Add Row</a>
68        </div>
69
70                <div id='tablecontructholder'></div>
71
72        </div>
73
74
75
76
77</body>