Ticket #3488: jquerytest.html

File jquerytest.html, 2.0 KB (added by C-rank, 12 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
34  <style type="text/css">
35  <!--
36    ul#gallery { margin:0; padding:0; list-style:none; }
37    ul#gallery li { width:auto; float:left; margin:0; padding:0; margin-bottom:5px; margin-right:5px; }
38    ul#gallery li div.imgbox { width:120px; height:100px; margin-bottom:5px; margin-right:5px; }
39    ul#gallery li div.imgbox div.imgmove { width:auto; height:5px; font-size:5px; cursor:move; background-color:#B80000; }
40    ul#gallery li div.imgbox div.imgactions { width:auto; background-color:#C8C8C8; }
41    ul#gallery li div.imgbox div.imgactions img { margin:2px 1px 0 1px; }
42  -->
43  </style>
44</head>
45
46<body>
47  <ul id="gallery">
48    <li id="gal_img0">
49      <div class="imgbox">
50        <div class="imgmove"></div>
51        <div class="imgactions">
52          <img class="change_img_state" width="16" height="16" src="" alt="click_me">
53
54        </div>
55        <img class="gallerimg" src="" alt="">
56      </div>
57    </li>
58    <li id="gal_img1">
59      <div class="imgbox">
60        <div class="imgmove"></div>
61        <div class="imgactions">
62          <img class="change_img_state" width="16" height="16" src="" alt="click_me">
63
64        </div>
65        <img class="gallerimg" src="" alt="">
66      </div>
67    </li>
68  </ul>
69</body>
70</html>