OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script> | 3 <script> |
4 function setup() | 4 function setup() |
5 { | 5 { |
6 var results = document.createElement('div'); | 6 var results = document.createElement('div'); |
7 results.id = "res"; | 7 results.id = "res"; |
8 results.appendChild(document.createTextNode("Results:")); | 8 results.appendChild(document.createTextNode("Results:")); |
9 document.body.appendChild(results); | 9 document.body.appendChild(results); |
10 } | 10 } |
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
124 { | 124 { |
125 var meta = false; | 125 var meta = false; |
126 var ctrl = false; | 126 var ctrl = false; |
127 if (metaOrCtrl) { | 127 if (metaOrCtrl) { |
128 if (navigator.userAgent.search(/\bMac OS X\b/) != -1) | 128 if (navigator.userAgent.search(/\bMac OS X\b/) != -1) |
129 meta = true; | 129 meta = true; |
130 else | 130 else |
131 ctrl = true; | 131 ctrl = true; |
132 } | 132 } |
133 var sl = document.getElementById(selId); | 133 var sl = document.getElementById(selId); |
134 var itemHeight = 14; | |
135 var border = 1; | |
136 var y = border + index * itemHeight - window.pageYOffset; | |
137 var event = document.createEvent("MouseEvent"); | 134 var event = document.createEvent("MouseEvent"); |
138 event.initMouseEvent("mousedown", true, true, document.defaultVi
ew, 1, sl.offsetLeft + border, sl.offsetTop + y, sl.offsetLeft + border, sl.offs
etTop + y, ctrl, false, shift, meta, 0, document); | 135 event.initMouseEvent("mousedown", true, true, document.defaultVi
ew, 1, 0, 0, 0, 0, ctrl, false, shift, meta, 0, document); |
139 sl.dispatchEvent(event); | 136 sl.options[index].dispatchEvent(event); |
140 } | 137 } |
141 | 138 |
142 function mouseUpOnSelect(selId, index, shift, metaOrCtrl) | 139 function mouseUpOnSelect(selId, index, shift, metaOrCtrl) |
143 { | 140 { |
144 var meta = false; | 141 var meta = false; |
145 var ctrl = false; | 142 var ctrl = false; |
146 if (metaOrCtrl) { | 143 if (metaOrCtrl) { |
147 if (navigator.userAgent.search(/\bMac OS X\b/) != -1) | 144 if (navigator.userAgent.search(/\bMac OS X\b/) != -1) |
148 meta = true; | 145 meta = true; |
149 else | 146 else |
150 ctrl = true; | 147 ctrl = true; |
151 } | 148 } |
152 var sl = document.getElementById(selId); | 149 var sl = document.getElementById(selId); |
153 var itemHeight = 14; | |
154 var border = 1; | |
155 var y = border + index * itemHeight - window.pageYOffset; | |
156 var event = document.createEvent("MouseEvent"); | 150 var event = document.createEvent("MouseEvent"); |
157 event.initMouseEvent("mouseup", true, true, document.defaultView
, 1, sl.offsetLeft + border, sl.offsetTop + y, sl.offsetLeft + border, sl.offset
Top + y, ctrl, false, shift, meta, 0, document); | 151 event.initMouseEvent("mouseup", true, true, document.defaultView
, 1, 0, 0, 0, 0, ctrl, false, shift, meta, 0, document); |
158 sl.dispatchEvent(event); | 152 sl.options[index].dispatchEvent(event); |
159 } | 153 } |
160 | 154 |
161 function keyDownOnSelect(selId, identifier, shift, metaOrCtrl) | 155 function keyDownOnSelect(selId, identifier, shift, metaOrCtrl) |
162 { | 156 { |
163 modifiers = []; | 157 modifiers = []; |
164 if (shift) | 158 if (shift) |
165 modifiers[0] = "shiftKey"; | 159 modifiers[0] = "shiftKey"; |
166 if (metaOrCtrl) { | 160 if (metaOrCtrl) { |
167 if (navigator.userAgent.search(/\bMac OS X\b/) != -1) | 161 if (navigator.userAgent.search(/\bMac OS X\b/) != -1) |
168 modifiers[modifiers.length] = "metaKey"; | 162 modifiers[modifiers.length] = "metaKey"; |
(...skipping 24 matching lines...) Expand all Loading... |
193 </head> | 187 </head> |
194 <body onload="test()"> | 188 <body onload="test()"> |
195 <select id="sl1" size=5 multiple onchange="log('onChange fired')"> | 189 <select id="sl1" size=5 multiple onchange="log('onChange fired')"> |
196 <option selected value="0">item 0</option> | 190 <option selected value="0">item 0</option> |
197 <option value="1">item 1 | 191 <option value="1">item 1 |
198 <option value="2">item 2 | 192 <option value="2">item 2 |
199 <option value="3">item 3 | 193 <option value="3">item 3 |
200 </select> | 194 </select> |
201 </body> | 195 </body> |
202 </html> | 196 </html> |
OLD | NEW |