Bug Tracker

Ticket #5346: testHTML.html

File testHTML.html, 4.2 KB (added by onema, 13 years ago)

test file that reproduces the bug, make sure to chage the library path

Line 
1
2    <html>
3    <head>
4
5    <title>Insert title here    </title>
6
7    <script type="text/javascript" src="/Library/jQuery/jquery.min.js">    </script>
8    <script>
9
10$(document).ready(function() {
11
12        $('#linkListLinkOutput').click(function(event) {
13                  if ($(event.target).parents('tr').attr('id')) {
14                      var link = $(event.target).parents('tr').attr('id').split('_');
15                  }
16
17                  if ($(event.target).hasClass('nav_new')) {
18              removeAddAndEditLinkForms();
19              showAddLinkForm($(event.target).parents('tr').attr('id'), link[2], link[3]);
20              return false;
21            }
22      return false;
23         });
24
25
26
27  function removeAddAndEditLinkForms() {
28    removeAddLinkForm();
29  }
30
31  function removeAddLinkForm() {
32            $('#addLinkListLink')
33              .hide()
34              .appendTo('#linkListLinks');
35        }
36 
37        function showAddLinkForm(link, parentId, position) {
38          $('#addLinkListLink form input[name="parentId"]').attr('value', parentId);
39          $('#addLinkListLink form input[name="position"]').attr('value', position);
40          $('#addLinkListLink')
41            .insertBefore( "#" + link )
42            .fadeIn();
43          console.log('Link List name: ' + $('#addLinkListLink').attr('id'));
44        }
45
46});
47
48
49       
50    </script>
51    </head>
52    <body>
53
54    <div id="content">
55    <div id="statusMessage"/>
56    <div id="linkListLinkOutput">
57    <table class="hierarchical widthFull" id="linkListLinks" border=1>
58    <tbody>
59      <tr class="head">
60        <th>Name    </th>
61                    <th>Link    </th>
62                    <th>Image    </th>
63                    <th style="width: 75px;">Options    </th>
64      </tr>
65      <tr id="1678_6_0_1">
66            <td style="padding-left: 40px;" class="level1">   
67               <a class="nav_down" href="#">Down    </a> Worship Net   
68            </td>
69            <td>None   
70            </td>
71            <td>Beautiful Sky: beautiful-sky.jpg   
72            </td>
73            <td>   
74              <a title="Add a link at this position" class="nav_new" href="#">Add    </a>     
75        <a title="Edit is not functional in this example" >Edit    </a>     
76        <a title="Delete is not functional in this example" >Delete    </a>   
77      </td>
78      </tr>
79      <tr id="4159_6_0_2">
80      <td style="padding-left: 40px;" class="level1">   
81        <a class="nav_up" href="#">Up    </a>     
82        <a class="nav_down" href="#">Down    </a> many many many links   
83      </td>
84            <td>None    </td>
85            <td>None    </td>
86            <td>   
87                <a title="Add a link at this position" class="nav_new" href="#">Add    </a>     
88                <a title="Edit is not functional in this example" >Edit    </a>     
89                <a title="Delete is not functional in this example" >Delete    </a>   
90            </td>
91            </tr>
92            <tr id="4161_6_0_10">
93            <td style="padding-left: 40px;" class="level1">   
94                <a class="nav_up" href="#">Up    </a> MOre and more links   
95            </td>
96            <td>None    </td>
97            <td>None    </td>
98            <td>   
99                <a title="Add a link at this position" class="nav_new" href="#">Add    </a>     
100                <a title="Edit is not functional in this example" >Edit    </a>     
101                <a title="Delete is not functional in this example" >Delete    </a>    </td>
102            </tr>
103            <tr style="display: none;" id="addLinkListLink">
104            <td colspan="4">
105
106    <form method="post" action="Capture.php" class="tempForm" id="addLinkListLinkForm" name="addLinkListLinkForm">
107            <table>   
108              <tbody>   
109              <tr><th>   
110                <label for="name">Name:    </label>   
111              </th>   
112              <td>   
113                  <input type="text" value="" maxlength="255" id="name" name="name"/>   
114              </td>   
115              </tr>
116              <tr>   
117                <th>   
118                  <label for="text">Description:    </label>   
119                </th>   
120                <td>   
121                  <textarea id="text" name="text"/>     </textarea>   
122                </td>   
123              </tr>   
124              </tbody>   
125            </table>   
126            <input type="submit" value="Save" name="saveButton" class="blah"/>   
127            <input type="submit" value="Cancel" name="cancelButton" class="blah cancel"/>   
128            <input type="hidden" value="0" name="parentId"/>   
129            <input type="hidden" value="6" name="listId"/>   
130            <input type="hidden" value="1" name="position"/>
131    </form>
132
133    </td>
134    </tr>
135    </tbody>
136    </table>
137    </div>
138    </div>
139    </div>
140    </body>
141    </html>