Bug Tracker

Ticket #4105: custom1.html

File custom1.html, 2.1 KB (added by htoug, 11 years ago)

Exmple of the error - reduced to 1 page.

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html lang="da_DK">
3        <head>
4                <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" >
5                <title>scapegoat2.adapt.dk</title>
6                <script type="text/javascript" src="/awe2public/js/jquery-latest.js"></script>
7<script type="text/javascript">
8function fieldset_add() {
9        var me=$(this);
10        var clone=$('div.customform-fieldsets-new').clone(true).removeClass('customform-fieldsets-new').show().addClass('customform-fieldsets');
11        var button=$(clone).find('input.add-customform-field:button');
12        me.before(clone);
13        button.trigger('click');
14}
15
16function field_add() {
17        var clone=$(this).parent().find('tr.customform-field-new').clone(true).removeClass('customform-field-new').show().addClass('customform-field');
18        $(this).parent().find('tr.customform-field-new').before(clone);
19}
20
21$(document).ready(function() {
22        $('#formsets input.add-customform-fieldset:button').click(fieldset_add);
23        $('#formsets input.add-customform-field:button').click(field_add);
24
25// The following line causes the error in IE7 when clone is called in field_add
26        $('#formsets select').change(function(){ alert('change'); });
27});
28</script>
29        <style type="text/css">
30                .customform-field-new {
31                        background-color: fuchsia;
32                }
33                .customform-fieldsets-new {
34                        background-color: yellow;
35                }
36        </style>
37        </head>
38        <body>
39        <form name="info" action="#">
40                <div id="formsets">
41                        <div class="customform-fieldsets-new">
42                                <table>
43                                <thead>
44                                        <tr>
45                                                <th>Name</th>
46                                                <th>Type</th>
47                                        </tr>
48                                </thead>
49                                <tbody>
50                                        <tr class="customform-field-new">
51                                                <td>
52                                                        <input name="field:name" type="text" value="">
53                                                </td>
54                                                <td>
55                                                        <select name="field:type">
56                                                                <option value="">- none -</option>
57                                                                <option value="string">text</option>
58                                                        </select>
59                                                </td>
60                                        </tr>
61                                </tbody>
62                                </table>
63                                <input type="button" class="add-customform-field" value="Add Field" name="add-customform-field">
64                                <br><br>
65                        </div>
66                        <input type="button" class="add-customform-fieldset" value="Add Fieldset" name="add-customform-fieldset"><br>
67                </div>
68        </form>
69        </body>
70</html>