Bug Tracker

Ticket #4603: testChromeJquery.html

File testChromeJquery.html, 1.6 KB (added by thomas, 11 years ago)
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3
4<head>
5        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
6        <meta name="author" content="TPLog">
7        <script type="text/javascript" src="scripts/jquery.js"></script>
8       
9        <script>
10        $(document).ready(function() 
11        {
12                        multiselect=true;
13                        $("#elementview .gridRow").click(function(){
14                                if (!multiselect ) {
15                                        $("#elementview .selected").removeClass("selected");
16                                        $(this).addClass("selected");   
17                                }
18                                else {
19                                        if ($(this).hasClass('selected')) {
20                                                $(this).removeClass("selected");
21                                        } else  {       
22                                                $(this).addClass("selected");
23                                        }       
24                                }               
25                                nb=$("#elementview .selected").size()-1;
26                                var idelem= $("#elementview .selected").eq(nb).attr("id");
27                                alert(idelem);
28                                // second version showing incorrect id (Always the first one!)
29                                idelem= $("#elementview .selected:last").attr("id");
30                                alert(idelem);
31       
32                        });             
33        });
34        </script>
35        <style>
36        .selected {
37                background-color: #CCF;
38        }
39        </style>
40
41</head>
42
43<body>
44
45<div id="elementview" style="overflow: auto; width: 320px; height: 460px;">
46        <div id="671" class="gridRow">
47                <span>AAAAAAAAAAAAAAAAAAAA</span>
48        </div>
49        <div id="1" class="gridRow">
50                <span>BBBBBBBBBBBBBBBBBBB</span>
51        </div>
52        <div id="866" class="gridRow">
53                <span>CCCCCCCCCCCCCCCCCCC</span>
54        </div>
55        <div id="2" class="gridRow" style="">
56                <span>DDDDDDDDDDDDDDDDDDDDDDDD</span>
57        </div>
58        <div id="3" class="gridRow" style="">
59                <span>EEEEEEEEEEEEEEEEEEEEEEEEE</span>
60        </div>
61</div>
62</body>
63</html>