The Tor Browser / file comparison
comparison: accessible/tests/mochitest/grid.js
accessible/tests/mochitest/grid.js
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:574579eff79f |
|---|---|
| 1 const nsIDOMKeyEvent = Components.interfaces.nsIDOMKeyEvent; | |
| 2 | |
| 3 /** | |
| 4 * Create grid object based on HTML table. | |
| 5 */ | |
| 6 function grid(aTableIdentifier) | |
| 7 { | |
| 8 this.getRowCount = function getRowCount() | |
| 9 { | |
| 10 return this.table.rows.length - (this.table.tHead ? 1 : 0); | |
| 11 } | |
| 12 this.getColsCount = function getColsCount() | |
| 13 { | |
| 14 return this.table.rows[0].cells.length; | |
| 15 } | |
| 16 | |
| 17 this.getRowAtIndex = function getRowAtIndex(aIndex) | |
| 18 { | |
| 19 return this.table.rows[this.table.tHead ? aIndex + 1 : aIndex]; | |
| 20 } | |
| 21 | |
| 22 this.getMaxIndex = function getMaxIndex() | |
| 23 { | |
| 24 return this.getRowCount() * this.getColsCount() - 1; | |
| 25 } | |
| 26 | |
| 27 this.getCellAtIndex = function getCellAtIndex(aIndex) | |
| 28 { | |
| 29 var rowCount = this.getRowCount(); | |
| 30 var colsCount = this.getColsCount(); | |
| 31 | |
| 32 var rowIdx = Math.floor(aIndex / colsCount); | |
| 33 var colIdx = aIndex % colsCount; | |
| 34 | |
| 35 var row = this.getRowAtIndex(rowIdx); | |
| 36 return row.cells[colIdx]; | |
| 37 } | |
| 38 | |
| 39 this.getIndexByCell = function getIndexByCell(aCell) | |
| 40 { | |
| 41 var colIdx = aCell.cellIndex; | |
| 42 | |
| 43 var rowIdx = aCell.parentNode.rowIndex; | |
| 44 if (this.table.tHead) | |
| 45 rowIdx -= 1; | |
| 46 | |
| 47 var colsCount = this.getColsCount(); | |
| 48 return rowIdx * colsCount + colIdx; | |
| 49 } | |
| 50 | |
| 51 this.getCurrentCell = function getCurrentCell() | |
| 52 { | |
| 53 var rowCount = this.table.rows.length; | |
| 54 var colsCount = this.getColsCount(); | |
| 55 for (var rowIdx = 0; rowIdx < rowCount; rowIdx++) { | |
| 56 for (var colIdx = 0; colIdx < colsCount; colIdx++) { | |
| 57 var cell = this.table.rows[rowIdx].cells[colIdx]; | |
| 58 if (cell.hasAttribute("tabindex")) | |
| 59 return cell; | |
| 60 } | |
| 61 } | |
| 62 return null; | |
| 63 } | |
| 64 | |
| 65 this.initGrid = function initGrid() | |
| 66 { | |
| 67 this.table.addEventListener("keypress", this, false); | |
| 68 this.table.addEventListener("click", this, false); | |
| 69 } | |
| 70 | |
| 71 this.handleEvent = function handleEvent(aEvent) | |
| 72 { | |
| 73 if (aEvent instanceof nsIDOMKeyEvent) | |
| 74 this.handleKeyEvent(aEvent); | |
| 75 else | |
| 76 this.handleClickEvent(aEvent); | |
| 77 } | |
| 78 | |
| 79 this.handleKeyEvent = function handleKeyEvent(aEvent) | |
| 80 { | |
| 81 if (aEvent.target.localName != "td") | |
| 82 return; | |
| 83 | |
| 84 var cell = aEvent.target; | |
| 85 switch(aEvent.keyCode) { | |
| 86 case nsIDOMKeyEvent.DOM_VK_UP: | |
| 87 var colsCount = this.getColsCount(); | |
| 88 var idx = this.getIndexByCell(cell); | |
| 89 var upidx = idx - colsCount; | |
| 90 if (upidx >= 0) { | |
| 91 cell.removeAttribute("tabindex"); | |
| 92 var upcell = this.getCellAtIndex(upidx); | |
| 93 upcell.setAttribute("tabindex", "0"); | |
| 94 upcell.focus(); | |
| 95 } | |
| 96 break; | |
| 97 | |
| 98 case nsIDOMKeyEvent.DOM_VK_DOWN: | |
| 99 var colsCount = this.getColsCount(); | |
| 100 var idx = this.getIndexByCell(cell); | |
| 101 var downidx = idx + colsCount; | |
| 102 if (downidx <= this.getMaxIndex()) { | |
| 103 cell.removeAttribute("tabindex"); | |
| 104 var downcell = this.getCellAtIndex(downidx); | |
| 105 downcell.setAttribute("tabindex", "0"); | |
| 106 downcell.focus(); | |
| 107 } | |
| 108 break; | |
| 109 | |
| 110 case nsIDOMKeyEvent.DOM_VK_LEFT: | |
| 111 var idx = this.getIndexByCell(cell); | |
| 112 if (idx > 0) { | |
| 113 cell.removeAttribute("tabindex"); | |
| 114 var prevcell = this.getCellAtIndex(idx - 1); | |
| 115 prevcell.setAttribute("tabindex", "0"); | |
| 116 prevcell.focus(); | |
| 117 } | |
| 118 break; | |
| 119 | |
| 120 case nsIDOMKeyEvent.DOM_VK_RIGHT: | |
| 121 var idx = this.getIndexByCell(cell); | |
| 122 if (idx < this.getMaxIndex()) { | |
| 123 cell.removeAttribute("tabindex"); | |
| 124 var nextcell = this.getCellAtIndex(idx + 1); | |
| 125 nextcell.setAttribute("tabindex", "0"); | |
| 126 nextcell.focus(); | |
| 127 } | |
| 128 break; | |
| 129 } | |
| 130 } | |
| 131 | |
| 132 this.handleClickEvent = function handleClickEvent(aEvent) | |
| 133 { | |
| 134 if (aEvent.target.localName != "td") | |
| 135 return; | |
| 136 | |
| 137 var curCell = this.getCurrentCell(); | |
| 138 var cell = aEvent.target; | |
| 139 | |
| 140 if (cell != curCell) { | |
| 141 curCell.removeAttribute("tabindex"); | |
| 142 cell.setAttribute("tabindex", "0"); | |
| 143 cell.focus(); | |
| 144 } | |
| 145 } | |
| 146 | |
| 147 this.table = getNode(aTableIdentifier); | |
| 148 this.initGrid(); | |
| 149 } |
