\n");
for (var x = newRowToStart - 1; x < newRowToStart - 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");
// add jQuery Address stuff
if ($.address && options.jqAddress.enable) {
if (!init) {
if (options.jqAddress.title.enable) $.address.title($.address.title().split(options.jqAddress.title.split)[0] + options.jqAddress.title.split + self.element.find("caption").text() + " (" + newRowToStart + "-" + (newRowToStart - 1 + options.rowsToShow) + ")");
// save first page in browser history when user (!) starts to interact with the table
if (options.rowToStart == 1 && newRowToStart != 1 && !forceFirst) {
// if there is no anchor to keep, prevent double entry
if ($.address.value() == "") $.address.history(false);
$.address.value(options.uid + "/" + 1 + "/" + options.rowsToShow);
$.address.history(true);
}
$.address.value(options.uid + "/" + newRowToStart + "/" + (newRowToStart - 1 + options.rowsToShow));
}
}
// update virtual Buffer
self._updateVirtualBuffer();
// set new start point
options.rowToStart = newRowToStart;
// 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");
var thArray = self._getVisible(options.headers);
// 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 if (th.hasClass("ui-table-text-html")) {
options.tableData.sort(self._sortTextHTML);
} else {
// default is text
options.tableData.sort(self._sortText);
}
// 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;
}
// reverse 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(options.rowToStart);
},
// 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 x = Date.parse(a[sortIndex].substr(3,2) + "/" + a[sortIndex].substr(0,2) + "/" + a[sortIndex].substr(6,4));
var y = Date.parse(b[sortIndex].substr(3,2) + "/" + b[sortIndex].substr(0,2) + "/" + b[sortIndex].substr(6,4));
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
},
_sortDate: function (a, b) {
// 07/28/2009
var x = Date.parse(a[sortIndex]);
var y = Date.parse(b[sortIndex]);
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
},
_sortDateISO: function (a, b) {
// 2009-07-28
var x = Date.parse(a[sortIndex].substr(5,2) + "/" + a[sortIndex].substr(8,2) + "/" + a[sortIndex].substr(0,4));
var y = Date.parse(b[sortIndex].substr(5,2) + "/" + b[sortIndex].substr(8,2) + "/" + b[sortIndex].substr(0,4));
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
},
_sortTextHTML: function (a, b) {
// Text with html
var x = $(a[sortIndex]).text().toLowerCase();
var y = $(b[sortIndex]).text().toLowerCase();
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
},
_sortText: function (a, b) {
// 20:00:13
// Text without (!) html
var x = a[sortIndex].toLowerCase();
var y = b[sortIndex].toLowerCase();
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
},
// jQuery :visible filter does not work with tables in certain browser (IE8, ?) so wee built our own function
// http://www.code-styling.de/deutsch/jquery-132-verursacht-probleme-im-ie-8
_getVisible: function (elements) {
var elReturn = [];
var i = 0;
elements.each(function(index){
if ($(this).css('display') != 'none') {
elReturn[i] = $(this);
i++;
}
});
return elReturn;
},
// set keyboard control
_setKeyboard: function () {
var options = this.options, self = this;
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) self.setHTML(options.rowToStart + options.rowsToShow);
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) self.setHTML(options.rowToStart - options.rowsToShow);
break;
// go to first page
case $.ui.keyCode.HOME:
// check if there are any pages to show
if (options.rowsToShow != options.tableData.length) self.setHTML(1);
break;
// go to last page
case $.ui.keyCode.END:
// check if there are any pages to show
if (options.rowsToShow != options.tableData.length) self.setHTML(((Math.ceil(options.tableData.length / options.rowsToShow)) * options.rowsToShow) - options.rowsToShow + 1);
break;
// go to next or previous page
case $.ui.keyCode.TAB:
if (e.shiftKey) {
if (options.selectedCol > 0) { self.colSwitch(-1); } else { return true; }
} else {
if (options.selectedCol < self._getVisible(options.headers).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 < self._getVisible(options.headers).length-1) self.colSwitch(1);
break;
// start sorting
case $.ui.keyCode.SPACE:
var th = self._getVisible(options.headers);
$(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 = self._getVisible(options.headers);
// 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
$("body>form #virtualBufferForm").parent().remove();
// call widget destroy function
$.Widget.prototype.destroy.apply(this, arguments);
},
// updates virtual buffer | for older screenreader
_updateVirtualBuffer: function() {
var form = $("body>form #virtualBufferForm");
if(form.length) {
(form.val() == "1") ? form.val("0") : form.val("1");
} else {
var html = '