on any table to indicate that the table
redrawing after sorting should preserve cell style (override the global
preserve_style variable that you can set below). The other valid preserve_style
is "row", which is very useful if you use alternating colors for table rows.
Note that row style is slower than default, cell style is even slower due to
more update needed.
IE has a "design" (read:bug) that prevents setting innerHTML for rows ("design"
explained in http://msdn.microsoft.com/workshop/author/tables/buildtables.asp#TOM_Create,
bug documented for selects at http://support.microsoft.com/default.aspx?scid=kb;en-us;276228#appliesto).
Therefore for IE, "row" is actually equivalent with "cell" because it is implemented
the same way (blame IE for the speed!).
6. Use | to indicate date format is DD/MM/YY or DD/MM/YYYY
Using | you can also indicate
it's european dates. | is
also european dates separated by '-' not '/'. Use the formatting you
could specify other date format, like Y-M-D. If Y is double digit, any number
smaller than 32 is deemed 20xx, otherwise it's 19xx. Note that D/M/Y (or any
user-specified format) could just part of the time string (the date part),
time conversion will be done correctly. Also note that if you choose custom
date format, due to the time consumed during date conversion, the sorting
would be much slower (2-3 times as slow).
The date/time formats accepted are:
1. Anything accepted directly by Javascript's Date.parse() function
(format best explained at "http://java.sun.com/j2se/1.3/docs/api/java/util/Date.html#parse(java.lang.String)");
2. Any combination of a date type specified by you and a time (hour, min,
seconds) format accepted by Date.parse(). Check the demo html page (http://www.mingyi.org/other/ts_demo.html) for
examples.
*/
///////////////////////////////////////////////////
// configurable constants, modify as needed!
var sort_col_title = "Click here to Sort!";
var sort_col_class = ""; // whichever class you want the heading to be
var sort_col_style = "text-decoration:none; font-weight:bold; color:black"; // whichever style you want the link to look like
var sort_col_mouseover = "this.style.color='blue'"; // what style the link should use onmouseover?
var sort_col_mouseout = "this.style.color='black'"; // what style the link should use onmouseover?
//////////////////////////////////////////////////
// speed related constants, modify as needed!
var table_content_might_change = false; // table content could be changed by other JS on-the-fly? if so, some speed improvements cannot be used.
var preserve_style = ""; // (row, cell) preserves style for row or cell e.g., row is useful when the table highlights rows alternatively. cell is much slower while no preservation's the fastest by far!
var tell_me_time_consumption = false; // give stats about time consumed during sorting and table update/redrawing.
//////////////////////////////////////////////////////////
// anything below this line, modify at your own risk! ;)
var SORT_COLUMN_INDEX, LAST_SORTED_TABLE, CUSTOM_CODE, REPLACE_PATTERN,
DATE_ORDER_ARRAY;
var agt=navigator.userAgent.toLowerCase();
var is_ie=((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
addEvent(window, "load", sortables_init);
function sortables_init() {
// Find all tables with class sortable and make them sortable
if (!document.getElementsByTagName) return;
tbls = document.getElementsByTagName("table");
for (ti=0;ti 0) {
var firstRow = table.rows[0];
}
if (!firstRow) return;
var sortCell;
// We have a first row: assume it's the header (it works for too),
// and make its contents clickable links
for (var i=0;i'+txt+'';
}
if(sortCell) ts_resortTable(sortCell);
}
function ts_getInnerText(el) {
if (typeof el == "string") return el;
if (typeof el == "undefined") { return el };
if (el.innerText) return el.innerText; //Not needed but it is faster
var str = "";
var cs = el.childNodes;
var l = cs.length;
for (var i = 0; i < l; i++) {
switch (cs[i].nodeType) {
case 1: //ELEMENT_NODE
str += ts_getInnerText(cs[i]);
break;
case 3: //TEXT_NODE
str += cs[i].nodeValue;
break;
}
}
return str;
}
function ts_resortTable(td)
{
var column = td.cellIndex;
var table = getParent(td,'TABLE');
var firstRow = new Array();
var newRows = new Array();
for (var i=0;i |