\n");
for (var x = options.rowToStart - 1; x < options.rowToStart - 1 + options.rowsToShow; x++) {
// check if row data exists
if (options.tableData[x]) {
// diffrent row css class
var rowClass = (second) ? "class=\"odd\"" : "";
second = (second) ? false : true;
html.push( "\t\t\t\t\n");
// build table html (with ARIA and HTML table relation attributes)
for (var y = 0; y < options.tableData[x].length; y++) {
if (y+1 == options.colScopeRow) {
html.push("\t\t\t\t\t| " + options.tableData[x][y] + " | \n");
} else {
html.push("\t\t\t\t\t" + options.tableData[x][y] + " | \n");
}
}
html.push( "\t\t\t\t
\n");
}
}
html.push( "\t\t\t");
var str = '';
str = html.join('');
// replace tbody or hide original and add new | dont remove but hide because of performance
var tbody = self.element.find("tbody.ui-table-tbody-active");
if (tbody.length) {
tbody.replaceWith(str);
} else {
self.element.find("tbody").hide();
self.element.append(str);
}
// show or hide header cols
if (options.colsToHide)
options.headers.each( function(index) {
if (!options.colsToHide[index]) {
$(this).show();
} else {
$(this).hide();
}
});
// ARIA
$(options.headers[0]).parent().parent()
.attr("aria-live", "polite")
.attr("aria-relevant","text");
// update virtual Buffer
self._updateVirtualBuffer();
// Callback
self._trigger("onSetHTML", 0);
},
// sort data, build and add the new html to the DOM
rowSort: function (index) {
var options = this.options, self = this;
// get all visible th elements
var thArray = options.headers.filter(":visible");
// get new (clicked) th element
th = $(thArray[index]);
// set global index
sortIndex = index;
// check the css class and sort the array
if (th.hasClass("ui-table-number")) {
options.tableData.sort(self._sortNumber);
} else if (th.hasClass("ui-table-number-de")) {
options.tableData.sort(self._sortNumberDE);
} else if (th.hasClass("ui-table-date")) {
options.tableData.sort(self._sortDate);
} else if (th.hasClass("ui-table-date-de")) {
options.tableData.sort(self._sortDateDE);
} else if (th.hasClass("ui-table-date-iso")) {
options.tableData.sort(self._sortDateISO);
} else {
//alert(options.tableData.sort());
options.tableData.sort(self._sortText);
//options.tableData.sort();
}
// set new sorted by
var asc = th.hasClass("ui-table-asc");
if (asc || th.hasClass("ui-table-desc")) {
var newSortBy = (asc) ? "desc" : "asc";
// no class found? set it by default
} else {
var newSortBy = options.defaultSortBy;
}
// rerse array if necassary
if (newSortBy == "desc") options.tableData.reverse();
// get active col
var thActiveCol = $(thArray[options.activeCol]);
// set class to remove of the active col
var sortedBy = (thActiveCol.hasClass("ui-table-asc")) ? "asc" : "desc";
// delete css class of the last sorted col
thActiveCol
.removeClass("ui-table-" + sortedBy)
.removeClass("ui-state-active")
// set ARIA-sort to none
.attr("aria-sort", "none");
// remove focus classs from selected col
$(thArray[options.selectedCol]).removeClass("ui-state-focus");
// set new title text
var newSortByText = (newSortBy == "asc") ? options.textDesc : options.textAsc;
var newSortByARIA = (newSortBy == "asc") ? "ascending" : "descending";
// add new css class, title and css state to the new active col
th.addClass("ui-state-active")
.addClass("ui-table-" + newSortBy)
.attr("aria-sort", newSortByARIA)
.children("a").attr("title", newSortByText);
// save new sorted and active col
options.activeCol = options.selectedCol = index;
// Callback
self._trigger("onRowSort", 0);
// update HTML
self.setHTML();
},
// sorting clauses function
_sortNumber: function (a, b) {
// 123.456
return (a[sortIndex] - b[sortIndex]);
},
_sortNumberDE: function (a, b) {
// 123,456
return (a[sortIndex].replace(",", ".") - b[sortIndex].replace(",", "."));
},
_sortDateDE: function (a, b) {
// 28.07.2009
var aDate = a[sortIndex].substr(3,2) + "/" + a[sortIndex].substr(0,2) + "/" + a[sortIndex].substr(6,4);
var bDate = b[sortIndex].substr(3,2) + "/" + b[sortIndex].substr(0,2) + "/" + b[sortIndex].substr(6,4);
return (Date.parse(aDate) < Date.parse(bDate));
},
_sortDate: function (a, b) {
// 07/28/2009
return (Date.parse(a[sortIndex]) < Date.parse(b[sortIndex]));
},
_sortDateISO: function (a, b) {
// 2009-07-28
var aDate = a[sortIndex].substr(5,2) + "/" + a[sortIndex].substr(8,2) + "/" + a[sortIndex].substr(0,4);
var bDate = b[sortIndex].substr(5,2) + "/" + b[sortIndex].substr(8,2) + "/" + b[sortIndex].substr(0,4);
return (Date.parse(aDate) < Date.parse(bDate));
},
_sortText: function (a, b) {
// 20:00:13
// Text, no html
//alert(a[sortIndex]+b[sortIndex]+"="+(a[sortIndex] > b[sortIndex]));
var i = a[sortIndex].indexOf('>',0);
var j = a[sortIndex].indexOf('<',2);
var k = b[sortIndex].indexOf('>',0);
var l = b[sortIndex].indexOf('<',2);
//var chainea = a[sortIndex].substring(i+1,j));
//var chaineb = b[sortIndex].substring(k+1,l));
//alert(chainea);
//alert(chaineb);
if(i>0) {
if(a[sortIndex].substring(i+1,j) >b[sortIndex].substring(k+1,l))
return 1;
if(a[sortIndex].substring(i+1,j) < b[sortIndex].substring(k+1,l))
return -1;
else
return 0;
}
else {
if(a[sortIndex] > b[sortIndex])
return 1;
if(a[sortIndex] < b[sortIndex])
return -1;
else
return 0;
}
//return (a[sortIndex] > b[sortIndex]);
},
// set keyboard control
_setKeyboard: function () {
var options = this.options, self = this;
// listen and save the shift key event
options.shift = false;
$(document)
.keyup( function(e){
if (e.keyCode == $.ui.keyCode.SHIFT && !options.disabled) {
options.shift = false;
return true;
}
})
.keydown( function(e){
if (e.keyCode == $.ui.keyCode.SHIFT && !options.disabled) {
options.shift = true;
return true;
}
});
self.element
.keydown( function(e){
if (!options.disabled) {
switch (e.keyCode) {
// go to next page
case $.ui.keyCode.DOWN:
case $.ui.keyCode.PAGE_DOWN:
// check if new value is in range and if there are any pages to show
if (options.rowToStart < options.tableData.length-1 && options.rowsToShow != options.tableData.length) {
if (options.pager) self.setPager(options.rowToStart + options.rowsToShow);
options.rowToStart += options.rowsToShow;
self.setHTML();
}
break;
// go to previous page
case $.ui.keyCode.UP:
case $.ui.keyCode.PAGE_UP:
// check if new value is in range and if there are any pages to show
if (options.rowToStart > 0 + options.rowsToShow && options.rowsToShow != options.tableData.length) {
if (options.pager) self.setPager(options.rowToStart - options.rowsToShow);
options.rowToStart -= options.rowsToShow;
self.setHTML();
}
break;
// go to first page
case $.ui.keyCode.HOME:
// check if there are any pages to show
if (options.rowsToShow != options.tableData.length) {
options.rowToStart = 1;
self.setHTML();
}
break;
// go to last page
case $.ui.keyCode.END:
// check if there are any pages to show
if (options.rowsToShow != options.tableData.length) {
options.rowToStart = ((Math.ceil(options.tableData.length / options.rowsToShow)) * options.rowsToShow) - options.rowsToShow + 1;
self.setHTML();
}
break;
// go to next or previous page
case $.ui.keyCode.TAB:
if (options.shift) {
if (options.selectedCol > 0) { self.colSwitch(-1) } else { return true; }
} else {
if (options.selectedCol < options.headers.filter(":visible").length-1) { self.colSwitch(1); } else { return true; }
}
break;
// switch to left col
case $.ui.keyCode.LEFT:
if (options.selectedCol > 0) self.colSwitch(-1);
break;
// switch to right col
case $.ui.keyCode.RIGHT:
if (options.selectedCol < options.headers.filter(":visible").length-1) self.colSwitch(1);
break;
// start sorting
case $.ui.keyCode.SPACE:
var th = options.headers.filter(":visible");
$(th[options.selectedCol]).find("a").click();
break;
default:
return true;
break;
}
return false;
}
})
},
// switchh selected col
colSwitch: function (dir) {
var options = this.options, self = this;
// get visible headers
var thArray = options.headers.filter(":visible");
// remove old selected col css class
$(thArray[options.selectedCol]).removeClass("ui-state-focus");
// set new selected col
options.selectedCol = options.selectedCol + dir;
// get new selected col
el = $(thArray[options.selectedCol]);
// set new focus
el.addClass("ui-state-focus");
// set focus
if (el.find("a").length) { el.find("a").focus(); } else { el.focus(); }
},
// removes instance and attributes
destroy: function() {
this.element
.unbind(".ariaSorTable")
// remove data
.removeData('ariaSorTable')
// remove attributes
.removeAttr("role")
.removeAttr("aria-readonly")
.removeAttr("aria-labelledby")
// remove attributes of the caption
.find("caption").removeAttr("id")
// remove ARIA attributes from head element
.end().find("thead")
.removeAttr("aria-live")
.removeAttr("aria-relevant")
// remove event and role of the tr and show them all
.find("tr")
.removeAttr("role")
.unbind("click")
.end().end()
// remove injected HTML
.find("tbody.ui-table-tbody-active").remove().end()
// show hidden original html
.find("tbody").show();
// th's
$.each(this.options.headers, function() {
$(this)
.show()
.removeAttr("id")
.removeAttr("role")
.removeAttr("aria-sort")
.removeAttr("tabindex")
.removeAttr("scope");
// search for added links and delete them | remove event
var link = $(this).children("a");
if (link.length) {
link.unbind("mouseenter mouseleave").removeAttr("title");
if (link.attr("href") == "#ui-table-dummy") $(this).html(link.html());
}
});
// pager
if (this.options.pager) $("#ui-table-pager").remove();
// remove virtual buffer form
$("#virtualBufferForm").parent().remove();
},
// updates virtual buffer | for older screenreader
_updateVirtualBuffer: function() {
var form = $("#virtualBufferForm");
if(form.length) {
(form.val() == "1") ? form.val("0") : form.val("1")
} else {
var html = '