annotate DataTables-1.9.4/extras/KeyTable/index.html @ 9:7300ed4c1481 draft default tip

Uploaded
author saskia-hiltemann
date Mon, 04 Sep 2017 10:49:00 -0400
parents ac5f9272033b
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
2 <html>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
3 <head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
5 <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
6
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
7 <title>KeyTables example</title>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
8 <style type="text/css" title="currentStyle">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
9 @import "../../media/css/demo_page.css";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
10 @import "../../media/css/demo_table.css";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
11 </style>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
12 <script type="text/javascript" charset="utf-8" src="../../media/js/jquery.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
13 <script type="text/javascript" charset="utf-8" src="js/KeyTable.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
14 <script type="text/javascript" charset="utf-8">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
15 function fnMessage ( sMesg )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
16 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
17 var n = document.getElementById('info');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
18 n.innerHTML += sMesg+"<br>";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
19 n.scrollTop = n.scrollHeight;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
20 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
21
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
22 $(document).ready( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
23 var keys = new KeyTable();
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25 /* Focus handler for all cells in last column */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26 keys.event.focus( 4, null, function( nNode, x, y ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27 fnMessage( "Cell "+x+","+y+" focused ('live' event - column)" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 /* Focus handler for all cells in 8th row */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31 keys.event.focus( null, 7, function( nNode, x, y ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32 fnMessage( "Cell "+x+","+y+" focused ('live' event - row)" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 /* Focus using coords. */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36 keys.event.focus( 1, 0, function( nNode ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 keys.event.remove.focus( nNode );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 fnMessage( "Cell 1,0 focus - this event has now been removed" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 keys.event.focus( 1, 3, function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42 fnMessage( "Cell 1,3 focus" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
44
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
45 /* focus with a node */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
46 keys.event.focus( $('#example tbody tr:eq(2) td:eq(0)')[0], function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 fnMessage( "Cell 0,2 focus" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50 /* Blur using a node */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 keys.event.blur( $('#example tbody tr:eq(1) td:eq(2)')[0], function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 fnMessage( "Cell 1,2 blur" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
53 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
54
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
55 /* Blur using coords */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 keys.event.blur( 2, 4, function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
57 fnMessage( "Cell 2,4 blur" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
58 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
59
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
60 /* Action */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 keys.event.action( 2, 2, function( nNode ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 fnMessage( "Cell 2,2 action" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
63 if ( nNode.style.fontWeight == "" || nNode.style.fontWeight == "normal" ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
64 nNode.style.fontWeight = "bold";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
65 } else {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
66 nNode.style.fontWeight = "normal";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
67 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
68 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
69
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
70 keys.event.action( 2, 5, function( nNode ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
71 fnMessage( "Cell 2,5 action" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
72 if ( nNode.style.fontStyle == "" ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
73 nNode.style.fontStyle = "italic";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
74 } else {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
75 nNode.style.fontStyle = "";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
76 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
77 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
78 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
79 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
80 </head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
81 <body id="dt_example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
82 <div id="container">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
83 <div class="full_width big">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
84 KeyTable example
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
85 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
86
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
87 <h1>Preamble</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
88 <p>KeyTable allows you to use keyboard navigation on an HTML table. The focused cell is shown through the CSS class ('focus') which in the case below is simply a blue border. Events such as 'focus', 'blur', 'esc' (the escape key) and 'return' (the return key) can be assigned event handling functions thought the API presented.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
89 <p>The example shown below has a few cells (selected at random, but near the top) with blur and focus events assigned to them. You can also see the navigation around the table using arrow keys.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
90
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
91 <h1>Live example</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
92 <div id="info" class="box">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
93 Event information:<br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
94 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
95 <div id="demo">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
96 <table cellpadding="0" cellspacing="0" border="0" class="display KeyTable" id="example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
97 <thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
98 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
99 <th>Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
100 <th>Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
101 <th>Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
102 <th>Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
103 <th>CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
104 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
105 </thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
106 <tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
107 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
108 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
109 <td>Internet Explorer 4.0 (focus once)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
110 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
111 <td class="center">4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
112 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
113 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
114 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
115 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
116 <td>Internet Explorer 5.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
117 <td>Win 95+ (blur)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
118 <td class="center">5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
119 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
120 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
121 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
122 <td>Trident (focus)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
123 <td>Internet Explorer 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
124 <td>Win 95+ (action/bold)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
125 <td class="center">5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
126 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
127 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
128 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
129 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
130 <td>Internet Explorer 6 (focus)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
131 <td>Win 98+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
132 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
133 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
134 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
135 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
136 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
137 <td>Internet Explorer 7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
138 <td>Win XP SP2+ (blur)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
139 <td class="center">7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
140 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
141 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
142 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
143 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
144 <td>AOL browser (AOL desktop)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
145 <td>Win XP (action/italic)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
146 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
147 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
148 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
149 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
150 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
151 <td>Firefox 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
152 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
153 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
154 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
155 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
156 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
157 <td>Gecko (focus - row)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
158 <td>Firefox 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
159 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
160 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
161 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
162 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
163 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
164 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
165 <td>Firefox 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
166 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
167 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
168 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
169 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
170 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
171 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
172 <td>Firefox 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
173 <td>Win 2k+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
174 <td class="center">1.9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
175 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
176 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
177 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
178 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
179 <td>Camino 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
180 <td>OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
181 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
182 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
183 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
184 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
185 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
186 <td>Camino 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
187 <td>OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
188 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
189 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
190 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
191 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
192 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
193 <td>Netscape 7.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
194 <td>Win 95+ / Mac OS 8.6-9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
195 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
196 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
197 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
198 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
199 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
200 <td>Netscape Browser 8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
201 <td>Win 98SE+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
202 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
203 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
204 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
205 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
206 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
207 <td>Netscape Navigator 9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
208 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
209 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
210 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
211 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
212 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
213 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
214 <td>Mozilla 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
215 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
216 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
217 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
218 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
219 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
220 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
221 <td>Mozilla 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
222 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
223 <td class="center">1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
224 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
225 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
226 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
227 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
228 <td>Mozilla 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
229 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
230 <td class="center">1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
231 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
232 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
233 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
234 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
235 <td>Mozilla 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
236 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
237 <td class="center">1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
238 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
239 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
240 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
241 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
242 <td>Mozilla 1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
243 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
244 <td class="center">1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
245 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
246 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
247 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
248 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
249 <td>Mozilla 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
250 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
251 <td class="center">1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
252 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
253 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
254 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
255 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
256 <td>Mozilla 1.6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
257 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
258 <td class="center">1.6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
259 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
260 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
261 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
262 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
263 <td>Mozilla 1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
264 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
265 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
266 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
267 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
268 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
269 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
270 <td>Mozilla 1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
271 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
272 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
273 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
274 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
275 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
276 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
277 <td>Seamonkey 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
278 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
279 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
280 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
281 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
282 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
283 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
284 <td>Epiphany 2.20</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
285 <td>Gnome</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
286 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
287 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
288 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
289 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
290 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
291 <td>Safari 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
292 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
293 <td class="center">125.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
294 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
295 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
296 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
297 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
298 <td>Safari 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
299 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
300 <td class="center">312.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
301 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
302 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
303 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
304 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
305 <td>Safari 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
306 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
307 <td class="center">419.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
308 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
309 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
310 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
311 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
312 <td>Safari 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
313 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
314 <td class="center">522.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
315 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
316 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
317 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
318 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
319 <td>OmniWeb 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
320 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
321 <td class="center">420</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
322 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
323 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
324 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
325 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
326 <td>iPod Touch / iPhone</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
327 <td>iPod</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
328 <td class="center">420.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
329 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
330 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
331 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
332 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
333 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
334 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
335 <td class="center">413</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
336 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
337 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
338 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
339 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
340 <td>Opera 7.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
341 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
342 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
343 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
344 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
345 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
346 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
347 <td>Opera 7.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
348 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
349 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
350 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
351 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
352 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
353 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
354 <td>Opera 8.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
355 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
356 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
357 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
358 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
359 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
360 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
361 <td>Opera 8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
362 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
363 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
364 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
365 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
366 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
367 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
368 <td>Opera 9.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
369 <td>Win 95+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
370 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
371 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
372 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
373 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
374 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
375 <td>Opera 9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
376 <td>Win 88+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
377 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
378 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
379 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
380 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
381 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
382 <td>Opera 9.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
383 <td>Win 88+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
384 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
385 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
386 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
387 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
388 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
389 <td>Opera for Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
390 <td>Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
391 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
392 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
393 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
394 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
395 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
396 <td>Nokia N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
397 <td>N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
398 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
399 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
400 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
401 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
402 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
403 <td>Nintendo DS browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
404 <td>Nintendo DS</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
405 <td class="center">8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
406 <td class="center">C/A<sup>1</sup></td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
407 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
408 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
409 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
410 <td>Konqureror 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
411 <td>KDE 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
412 <td class="center">3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
413 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
414 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
415 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
416 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
417 <td>Konqureror 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
418 <td>KDE 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
419 <td class="center">3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
420 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
421 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
422 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
423 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
424 <td>Konqureror 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
425 <td>KDE 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
426 <td class="center">3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
427 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
428 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
429 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
430 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
431 <td>Internet Explorer 4.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
432 <td>Mac OS 8-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
433 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
434 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
435 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
436 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
437 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
438 <td>Internet Explorer 5.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
439 <td>Mac OS 7.6-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
440 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
441 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
442 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
443 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
444 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
445 <td>Internet Explorer 5.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
446 <td>Mac OS 8-X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
447 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
448 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
449 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
450 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
451 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
452 <td>NetFront 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
453 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
454 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
455 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
456 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
457 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
458 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
459 <td>NetFront 3.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
460 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
461 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
462 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
463 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
464 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
465 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
466 <td>Dillo 0.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
467 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
468 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
469 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
470 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
471 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
472 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
473 <td>Links</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
474 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
475 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
476 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
477 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
478 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
479 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
480 <td>Lynx</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
481 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
482 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
483 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
484 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
485 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
486 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
487 <td>IE Mobile</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
488 <td>Windows Mobile 6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
489 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
490 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
491 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
492 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
493 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
494 <td>PSP browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
495 <td>PSP</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
496 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
497 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
498 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
499 <tr class="gradeU">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
500 <td>Other browsers</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
501 <td>All others</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
502 <td>-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
503 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
504 <td class="center">U</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
505 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
506 </tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
507 </table>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
508 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
509 <div class="spacer"></div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
510
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
511
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
512 <h1>Initialisation code</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
513 <pre>function fnMessage ( sMesg )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
514 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
515 var n = document.getElementById('info');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
516 n.innerHTML += sMesg+"&lt;br&gt;";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
517 n.scrollTop = n.scrollHeight;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
518 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
519
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
520 $(document).ready( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
521 var keys = new KeyTable();
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
522
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
523 /* Focus handler for all cells in last column */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
524 keys.event.focus( 4, null, function( nNode, x, y ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
525 fnMessage( "Cell "+x+","+y+" focused ('live' event - column)" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
526 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
527
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
528 /* Focus handler for all cells in 8th row */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
529 keys.event.focus( null, 7, function( nNode, x, y ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
530 fnMessage( "Cell "+x+","+y+" focused ('live' event - row)" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
531 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
532
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
533 /* Focus using coords. */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
534 keys.event.focus( 1, 0, function( nNode ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
535 keys.event.remove.focus( nNode );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
536 fnMessage( "Cell 1,0 focus - this event has now been removed" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
537 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
538
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
539 keys.event.focus( 1, 3, function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
540 fnMessage( "Cell 1,3 focus" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
541 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
542
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
543 /* focus with a node */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
544 keys.event.focus( $('#example tbody tr:eq(2) td:eq(0)')[0], function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
545 fnMessage( "Cell 0,2 focus" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
546 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
547
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
548 /* Blur using a node */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
549 keys.event.blur( $('#example tbody tr:eq(1) td:eq(2)')[0], function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
550 fnMessage( "Cell 1,2 blur" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
551 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
552
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
553 /* Blur using coords */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
554 keys.event.blur( 2, 4, function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
555 fnMessage( "Cell 2,4 blur" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
556 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
557
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
558 /* Action */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
559 keys.event.action( 2, 2, function( nNode ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
560 fnMessage( "Cell 2,2 action" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
561 if ( nNode.style.fontWeight == "" || nNode.style.fontWeight == "normal" ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
562 nNode.style.fontWeight = "bold";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
563 } else {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
564 nNode.style.fontWeight = "normal";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
565 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
566 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
567
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
568 keys.event.action( 2, 5, function( nNode ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
569 fnMessage( "Cell 2,5 action" );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
570 if ( nNode.style.fontStyle == "" ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
571 nNode.style.fontStyle = "italic";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
572 } else {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
573 nNode.style.fontStyle = "";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
574 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
575 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
576 } );</pre>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
577
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
578
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
579 <h1>Other examples</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
580 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
581 <li><a href="index.html">Basic usage</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
582 <li><a href="editing.html">Editing a table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
583 <li><a href="form.html">Integration with an HTML form</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
584 <li><a href="datatable.html">Integration with DataTables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
585 <li><a href="datatable_scrolling.html">Using KeyTable with scrolling in DataTables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
586 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
587
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
588 <div id="footer" style="text-align:center;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
589 <span style="font-size:10px;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
590 KeyTable &copy; Allan Jardine 2009.<br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
591 Information in the table &copy; <a href="http://www.u4eatech.com">U4EA Technologies</a> 2007-2009.</span>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
592 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
593 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
594 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
595 </html>