Bug Tracker

Ticket #4965: testcase.html

File testcase.html, 1.5 KB (added by brendo_, 11 years ago)

Test Case (jQuery not provided)

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5<head>
6        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
7
8        <title>Safari hasClass Bug</title>
9       
10        <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
11        <script type="text/javascript">
12                $(document).ready(function() {                 
13                        $('.field-date').each(function() {
14                                self = $(this);                         
15                               
16                                if(self.hasClass('field-date')) {
17                                        self.html("jquery:true");
18                                } else {
19                                        self.html("jquery:false");
20                                }                               
21                        });
22                       
23                        var fields = document.getElementsByClassName('field-date');
24                       
25                        for(var i = 0; i < fields.length; i++) {
26                                var el = document.getElementById('raw');
27                               
28                                if(hasClass(fields[i],'field-date')) {                                 
29                                        el.innerHTML += "raw:true";
30                                } else {
31                                        el.innerHTML += "raw:false";
32                                }       
33                        }                       
34
35                        function hasClass(ele,cls) {
36                                return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
37                        }
38                });
39        </script>
40       
41        <style type='text/css'>
42               
43                #red {
44                        background: red;
45                }
46                #blue {
47                        background: blue;
48                        color: #FFF;
49                }
50        </style>
51
52       
53</head>
54
55<body>
56        <div id='container'>
57                <div id='raw'>
58                       
59                </div>
60                <div id='red' class='field field-text field-size-single                                                                                         field-date read-only'>
61                        Red
62                </div>
63                <div id='blue' class='field field-text field-size-single field-date read-only'>
64
65                        Blue
66                </div>
67        </div>
68
69</body>
70</html>