Bug Tracker

Ticket #3438: jquerytest.html

File jquerytest.html, 2.0 KB (added by C-rank, 14 years ago)

Example to show the Error (open in IE6+)

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4<head>
5  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6  <title></title>
7  <script type="text/javascript" src="js/jquery.js"></script>
8  <script type="text/javascript" src="js/jquery_ui.js"></script>
9
10  <script type="text/javascript">
11  <!--
12  $(document).ready(function()
13  {
14    $("ul#gallery").sortable(
15    {
16      tolerance:"pointer",
17      update: function()
18      {
19        $("li[id^='gal_img']").each(function(idx, item)
20        {
21          $(item).attr("id", "gal_img" + idx);
22        });
23      }
24    });
25
26    $("img.change_img_state").click(function()
27    {
28      alert($(this).parents("li[id^='gal_img']").attr("id"));
29    });
30  });
31  //-->
32  </script>
33  <style type="text/css">
34  <!--
35    ul#gallery { margin:0; padding:0; list-style:none; }
36    ul#gallery li { width:auto; float:left; margin:0; padding:0; margin-bottom:5px; margin-right:5px; }
37    ul#gallery li div.imgbox { width:120px; height:100px; margin-bottom:5px; margin-right:5px; }
38    ul#gallery li div.imgbox div.imgmove { width:auto; height:5px; font-size:5px; cursor:move; background-color:#B80000; }
39    ul#gallery li div.imgbox div.imgactions { width:auto; background-color:#C8C8C8; }
40    ul#gallery li div.imgbox div.imgactions img { margin:2px 1px 0 1px; }
41  -->
42  </style>
43</head>
44
45<body>
46  <ul id="gallery">
47    <li id="gal_img0">
48      <div class="imgbox">
49        <div class="imgmove"></div>
50        <div class="imgactions">
51          <img class="change_img_state" width="16" height="16" src="" alt="">
52        </div>
53        <img class="gallerimg" src="" alt="">
54      </div>
55    </li>
56    <li id="gal_img1">
57      <div class="imgbox">
58        <div class="imgmove"></div>
59        <div class="imgactions">
60          <img class="change_img_state" width="16" height="16" src="" alt="">
61        </div>
62        <img class="gallerimg" src="" alt="">
63      </div>
64    </li>
65  </ul>
66</body>
67
68</html>