Landed cross-browser support for tabIndex, by Scott, closes ticket #3649.
[jquery.git] / src / support.js
1 (function(){
2
3         jQuery.support = {};
4
5         var root = document.documentElement,
6                 script = document.createElement("script"),
7                 div = document.createElement("div"),
8                 id = "script" + (new Date).getTime();
9
10         div.style.display = "none";
11         div.innerHTML = '   <link/><table></table><a href="/a" style="color:red;float:left;opacity:.5;">a</a><select><option>text</option></select><object><param></object>';
12
13         var all = div.getElementsByTagName("*"),
14                 a = div.getElementsByTagName("a")[0];
15
16         // Can't get basic test support
17         if ( !all || !all.length || !a ) {
18                 return;
19         }
20
21         jQuery.support = {
22                 // IE strips leading whitespace when .innerHTML is used
23                 leadingWhitespace: div.firstChild.nodeType == 3,
24                 
25                 // Make sure that tbody elements aren't automatically inserted
26                 // IE will insert them into empty tables
27                 tbody: !div.getElementsByTagName("tbody").length,
28                 
29                 // Make sure that you can get all elements in an <object> element
30                 // IE 7 always returns no results
31                 objectAll: !!div.getElementsByTagName("object")[0]
32                         .getElementsByTagName("*").length,
33                 
34                 // Make sure that link elements get serialized correctly by innerHTML
35                 // This requires a wrapper element in IE
36                 htmlSerialize: !!div.getElementsByTagName("link").length,
37                 
38                 // Get the style information from getAttribute
39                 // (IE uses .cssText insted)
40                 style: /red/.test( a.getAttribute("style") ),
41                 
42                 // Make sure that URLs aren't manipulated
43                 // (IE normalizes it by default)
44                 hrefNormalized: a.getAttribute("href") === "/a",
45                 
46                 // Make sure that element opacity exists
47                 // (IE uses filter instead)
48                 opacity: a.style.opacity === "0.5",
49                 
50                 // Verify style float existence
51                 // (IE uses styleFloat instead of cssFloat)
52                 cssFloat: !!a.style.cssFloat,
53
54                 // Verify tabindex attribute existence
55                 // (IE uses tabIndex instead of tabindex)
56                 tabindex: !a.getAttributeNode('tabindex'),
57
58                 // Will be defined later
59                 scriptEval: false,
60                 noCloneEvent: true
61         };
62         
63         script.type = "text/javascript";
64         try {
65                 script.appendChild( document.createTextNode( "window." + id + "=1;" ) );
66         } catch(e){}
67
68         root.insertBefore( script, root.firstChild );
69         
70         // Make sure that the execution of code works by injecting a script
71         // tag with appendChild/createTextNode
72         // (IE doesn't support this, fails, and uses .text instead)
73         if ( window[ id ] ) {
74                 jQuery.support.scriptEval = true;
75                 delete window[ id ];
76         }
77
78         root.removeChild( script );
79
80         if ( div.attachEvent && div.fireEvent ) {
81                 div.attachEvent("onclick", function(){
82                         // Cloning a node shouldn't copy over any
83                         // bound event handlers (IE does this)
84                         jQuery.support.noCloneEvent = false;
85                         div.detachEvent("onclick", arguments.callee);
86                 });
87                 div.cloneNode(true).fireEvent("onclick");
88         }
89
90 })();
91
92 var styleFloat = jQuery.support.cssFloat ? "cssFloat" : "styleFloat";
93
94 jQuery.props = {
95         "for": "htmlFor",
96         "class": "className",
97         "float": styleFloat,
98         cssFloat: styleFloat,
99         styleFloat: styleFloat,
100         readonly: "readOnly",
101         maxlength: "maxLength",
102         cellspacing: "cellSpacing",
103         rowspan: "rowSpan",
104         tabindex: jQuery.support.tabindex ? "tabindex" : "tabIndex"
105 };