annotate DataTables-1.9.4/extras/KeyTable/editing.html @ 6:42076db43d42 draft

Fixed auto resizing plus various other minor bugs
author saskia-hiltemann
date Mon, 16 Nov 2015 08:56:22 -0500
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 editing 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="../../examples/examples_support/jquery.jeditable.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
14 <script type="text/javascript" charset="utf-8" src="js/KeyTable.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
15 <script type="text/javascript" charset="utf-8">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
16 $(document).ready( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
17 var keys = new KeyTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
18 "table": document.getElementById('example')
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
19 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
20
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
21 /* Apply a return key event to each cell in the table */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
22 keys.event.action( null, null, function (nCell) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
23 /* Block KeyTable from performing any events while jEditable is in edit mode */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24 keys.block = true;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26 /* Initialise the Editable instance for this table */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27 $(nCell).editable( function (sVal) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28 /* Submit function (local only) - unblock KeyTable */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29 keys.block = false;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 $(nCell).editable('destroy');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31 return sVal;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32 }, {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33 "onblur": 'submit',
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34 "onreset": function(){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 /* Unblock KeyTable, but only after this 'esc' key event has finished. Otherwise
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36 * it will 'esc' KeyTable as well
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 $(nCell).editable('destroy');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39 setTimeout( function () {keys.block = false;}, 0);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43 /* Dispatch click event to go into edit mode - Saf 4 needs a timeout... */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
44 setTimeout( function () { $(nCell).click(); }, 0 );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
45 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
46 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48 </head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49 <body id="dt_example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50 <div id="container">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 <div class="full_width big">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 KeyTable editing example
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
53 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
54
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
55 <h1>Preamble</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 <p>Possibly one of the most obvious applications of KeyTable is using it to navigate around a table, allowing a user to edit data as they go. This is an example of how that might be done through integration with the excellent <a href="http://www.appelsiini.net/projects/jeditable">jEditable</a> plug-in for jQuery.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
57 <p>To edit data in the table, simply navigate to where you want to edit using the arrow keys, hit return and they make your edit. Hit return again to complete and submit the edit (note this example doesn't actually send the data to the server!) and then continue navigating.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
58
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
59 <h1>Live example</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
60 <div id="demo">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 <table cellpadding="0" cellspacing="0" border="0" class="display KeyTable" id="example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 <thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
63 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
64 <th>Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
65 <th>Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
66 <th>Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
67 <th>Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
68 <th>CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
69 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
70 </thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
71 <tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
72 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
73 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
74 <td>Internet Explorer 4.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
75 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
76 <td class="center">4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
77 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
78 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
79 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
80 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
81 <td>Internet Explorer 5.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
82 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
83 <td class="center">5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
84 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
85 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
86 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
87 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
88 <td>Internet Explorer 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
89 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
90 <td class="center">5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
91 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
92 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
93 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
94 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
95 <td>Internet Explorer 6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
96 <td>Win 98+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
97 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
98 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
99 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
100 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
101 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
102 <td>Internet Explorer 7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
103 <td>Win XP SP2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
104 <td class="center">7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
105 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
106 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
107 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
108 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
109 <td>AOL browser (AOL desktop)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
110 <td>Win XP</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
111 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
112 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
113 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
114 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
115 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
116 <td>Firefox 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
117 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
118 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
119 <td class="center">A</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>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
123 <td>Firefox 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
124 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
125 <td class="center">1.8</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>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
130 <td>Firefox 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
131 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
132 <td class="center">1.8</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>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
137 <td>Firefox 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
138 <td>Win 2k+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
139 <td class="center">1.9</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>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
144 <td>Camino 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
145 <td>OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
146 <td class="center">1.8</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>Camino 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
152 <td>OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
153 <td class="center">1.8</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</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
158 <td>Netscape 7.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
159 <td>Win 95+ / Mac OS 8.6-9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
160 <td class="center">1.7</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>Netscape Browser 8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
166 <td>Win 98SE+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
167 <td class="center">1.7</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>Netscape Navigator 9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
173 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
174 <td class="center">1.8</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>Mozilla 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
180 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
181 <td class="center">1</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>Mozilla 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
187 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
188 <td class="center">1.1</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>Mozilla 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
194 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
195 <td class="center">1.2</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>Mozilla 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
201 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
202 <td class="center">1.3</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>Mozilla 1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
208 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
209 <td class="center">1.4</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.5</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.5</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.6</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.6</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.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
229 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
230 <td class="center">1.7</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.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
236 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
237 <td class="center">1.8</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>Seamonkey 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
243 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
244 <td class="center">1.8</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>Epiphany 2.20</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
250 <td>Gnome</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
251 <td class="center">1.8</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>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
256 <td>Safari 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
257 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
258 <td class="center">125.5</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>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
263 <td>Safari 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
264 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
265 <td class="center">312.8</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>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
270 <td>Safari 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
271 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
272 <td class="center">419.3</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>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
277 <td>Safari 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
278 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
279 <td class="center">522.1</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>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
284 <td>OmniWeb 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
285 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
286 <td class="center">420</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>iPod Touch / iPhone</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
292 <td>iPod</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
293 <td class="center">420.1</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>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
299 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
300 <td class="center">413</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>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
305 <td>Opera 7.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
306 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
307 <td class="center">-</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>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
312 <td>Opera 7.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
313 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
314 <td class="center">-</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>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
319 <td>Opera 8.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
320 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
321 <td class="center">-</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>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
326 <td>Opera 8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
327 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
328 <td class="center">-</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>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
333 <td>Opera 9.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
334 <td>Win 95+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
335 <td class="center">-</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 9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
341 <td>Win 88+ / OSX.3+</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 9.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
348 <td>Win 88+ / OSX.3+</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 for Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
355 <td>Wii</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>Nokia N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
362 <td>N800</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>Nintendo DS browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
369 <td>Nintendo DS</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
370 <td class="center">8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
371 <td class="center">C/A<sup>1</sup></td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
372 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
373 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
374 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
375 <td>Konqureror 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
376 <td>KDE 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
377 <td class="center">3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
378 <td class="center">C</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>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
382 <td>Konqureror 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
383 <td>KDE 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
384 <td class="center">3.3</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>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
389 <td>Konqureror 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
390 <td>KDE 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
391 <td class="center">3.5</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="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
395 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
396 <td>Internet Explorer 4.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
397 <td>Mac OS 8-9</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">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
400 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
401 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
402 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
403 <td>Internet Explorer 5.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
404 <td>Mac OS 7.6-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
405 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
406 <td class="center">C</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>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
410 <td>Internet Explorer 5.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
411 <td>Mac OS 8-X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
412 <td class="center">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>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
417 <td>NetFront 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
418 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
419 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
420 <td class="center">C</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>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
424 <td>NetFront 3.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
425 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
426 <td class="center">-</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>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
431 <td>Dillo 0.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
432 <td>Embedded devices</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="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
437 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
438 <td>Links</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
439 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
440 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
441 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
442 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
443 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
444 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
445 <td>Lynx</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
446 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
447 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
448 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
449 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
450 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
451 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
452 <td>IE Mobile</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
453 <td>Windows Mobile 6</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="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
458 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
459 <td>PSP browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
460 <td>PSP</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">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
463 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
464 <tr class="gradeU">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
465 <td>Other browsers</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
466 <td>All others</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
467 <td>-</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">U</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
470 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
471 </tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
472 <tfoot>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
473 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
474 <th>Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
475 <th>Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
476 <th>Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
477 <th>Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
478 <th>CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
479 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
480 </tfoot>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
481 </table>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
482 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
483 <div class="spacer"></div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
484
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
485
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
486 <h1>Initialisation code</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
487 <pre>$(document).ready( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
488 var keys = new KeyTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
489 "table": document.getElementById('example')
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
490 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
491
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
492 /* Apply a return key event to each cell in the table */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
493 keys.event.action( null, null, function (nCell) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
494 /* Block KeyTable from performing any events while jEditable is in edit mode */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
495 keys.block = true;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
496
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
497 /* Initialise the Editable instance for this table */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
498 $(nCell).editable( function (sVal) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
499 /* Submit function (local only) - unblock KeyTable */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
500 keys.block = false;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
501 return sVal;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
502 }, {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
503 "onblur": 'submit',
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
504 "onreset": function(){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
505 /* Unblock KeyTable, but only after this 'esc' key event has finished. Otherwise
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
506 * it will 'esc' KeyTable as well
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
507 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
508 setTimeout( function () {keys.block = false;}, 0);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
509 }
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 /* Dispatch click event to go into edit mode - Saf 4 needs a timeout... */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
513 setTimeout( function () { $(nCell).click(); }, 0 );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
514 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
515 } );</pre>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
516
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
517
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
518 <h1>Other examples</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
519 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
520 <li><a href="index.html">Basic usage</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
521 <li><a href="editing.html">Editing a table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
522 <li><a href="form.html">Integration with an HTML form</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
523 <li><a href="datatable.html">Integration with DataTables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
524 <li><a href="datatable_scrolling.html">Using KeyTable with scrolling in DataTables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
525 </ul>
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
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
529 <div id="footer" style="text-align:center;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
530 <span style="font-size:10px;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
531 KeyTable &copy; Allan Jardine 2009.<br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
532 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
533 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
534 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
535 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
536 </html>