var table; // Table object var ttable; // Title Table object var tableId; // Current Table ID var ttableId; // Current Title Table ID var tableIdArray = new Array(); // Holds Tabld IDs var sortDirArray = new Array(); // Holds sort direction (descending) var tableCount = 0; // Total table count var rowArray = new Array(); // Data row array var rowIdArray = new Array(); // Data row ID array var rowPropArray = new Array(); // Data row property array var titleRowArray = new Array(); // Contains row pointer for titles var titleInnerHTMLArray = new Array(); // Contains innerHTML for title cells var titleSpanCountArray = new Array(); // Contains the row-span count var titleRowCellArray = new Array(); // Dynamically constructed title cells var titleSpanCellArray = new Array(); // Title elelments from row-spanned var colSpanArray = new Array(); // Rows col-spanned var colTitleFilled = new Array(); // Indicates whether title is filled var sortIndex; // Selected index for sort var nRow, actualNRow, maxNCol; // Various table stats var origColor; // Holds original default color var isIE; // True if IE var separateTitle = false; // Has separate title table var linkEventString = // What's insider tag 'onMouseOver=\'setCursor(this);' + 'setColor(this,"selected");\' ' + 'onMouseOut=\'setColor(this,"default");\' ' + 'onClick="setCursorWait(this);setTimeout(\'sortTable('; var cellPropArray = new Array( // Cell properties to preserve "align", "vAlign", "bgColor", "noWrap", "width", "height", "borderColor", "borderColorLight", "borderColorDark"); var colsToIgnoreArray; // Col indexes to ignore (Array) var colsToIgnore; // Col indexes to ignore // Configurable constants var useImg = false; // Uses images if true var ascChrFile = "up.gif"; // Image for ascending sort var desChrFile = "down.gif"; // Image for descending sort var ascChr = "↑"; // Symbol for ascending sort var desChr = "↓"; // Symbol for descending sort var useCustomTitleFont = false; // Uses custom fonts for titles var titleFont = "Trebuchet MS"; // Title Font var selectedColor = "blue"; // Color for sort focus var defaultColor = "black"; // Default color for sort off-focus var recDelimiter = '|'; // Char used as a record separator var cellPropDelimiter = ","; // Char used as a cell prop separator var updownColor = 'red'; // Specified the color for up/downs var doSortUponLoad = false; // Do the sort upon page load var defaultSortColumn = 0; // Indicates the default sort column index var useEuroDate = false; // Set if Euro Date format is used var highlightSelCell = false; // Set if selected cell needs to be highlighted var cellHighlightColor = "red"; // Color for cell highlight //***************************************************************************** // Main function. This is to be associated with onLoad event in . // // IMPORTANT: This is the only function that needs to be included in the pages // to be sorted. The rest of the functions are simply called by this // function. //***************************************************************************** function initTable(obj,ignore) { var tIndex; // Check whether it's viewed by IE 5.0 or greater if (! checkBrowser()) return; // Cols to ignore colsToIgnore = ignore; if (colsToIgnore != null) colsToIgnoreArray = ignore.split(","); else colsToIgnore = null; // Local variables var countCol; var currentCell; var nColSpan, nRowSpannedTitleCol, colPos; var titleFound = false; var skipRow = false; var rNRowSpan, rNColSpan, parentNodeName; var cCellContent, cCellSetting; var sObj; var ctable; var doneftable = false; var cmd; var tableLoaded = false; // Initializing global table object variable if (obj.tagName == "TABLE") { // Assumes that the obj is THE OBJECT table = obj; } else { table = document.getElementById(obj); sObj = obj.id + "title"; ttable = document.getElementById(sObj); } // Check whether it's an object if (table == null) return; // Check whether it's a table if (table.tagName != "TABLE") return; if (ttable != null && ttable.tagName == "TABLE") separateTitle = true; // No need to re-init if it's already done if (tableId == table.id && table.tainted == false) return; // Setting table id tableId = table.id; if (separateTitle) ttableId = ttable.id; // Initializing the max col number with the size of last data row maxNCol = table.rows[table.rows.length-1].cells.length; // Initializing arrays rowArray = new Array(); rowIdArray = new Array(); rowPropArray = new Array(); colSpanArray = new Array(); colTitleFilled = new Array(); titleRowArray = new Array(); titleInnerHTMLArray = new Array(); titleSpanCountArray = new Array(); titleRowCellArray = new Array(); for (var i=0; i 1) { if (ctable.rows[i].cells[j].colSpan < 2) { titleSpanCellArray[colPos] = ctable.rows[i].cells[j]; titleRowArray[colPos] = ctable.rows[i]; colTitleFilled[colPos] = true; nRowSpannedTitleCol++; } if (ctable.rows[i].cells[j].rowSpan - 1 > rNRowSpan) { rNRowSpan = ctable. rows[i].cells[j]. rowSpan - 1; if (ctable.rows[i]. cells[j].colSpan > 1) rNColSpan = rNRowSpan + 1; } } } if (ctable.rows[i].cells[j].colSpan > 1 && rNColSpan == 0) { nColSpan = ctable.rows[i].cells[j].colSpan; colPos += nColSpan; } else { colPos++; } } // Setting up the title cells if (titleFound == false && nColSpan == 1 && rNRowSpan == 0 && rNColSpan == 0) { colSpanArray[i] = true; titleFound = true; // Using indivisual cell as an array element countCol = 0; for (var j=0; j 1) return; currentCell = ctable.rows[i].cells[j]; cCellContent = String(currentCell.innerHTML); for (var k=0; k maxNCol) return; actualNRow++; colSpanArray[i] = false; } else if (nColSpan == 1 && rNRowSpan == 0 && rNColSpan == 0 && titleFound == false && !skipRow) { colSpanArray[i] = false; } else { colSpanArray[i] = true; } // Counters for row/column spans if (rNRowSpan > 0) rNRowSpan--; if (rNColSpan > 0) rNColSpan--; } // If the row number is < 1, no need to do anything ... if (actualNRow < 1) return; // Sorting upon loading the page tIndex = findTableIndex(table.id); if (tIndex >= 0) tableLoaded = true; if (!tableLoaded) { tableIdArray[tableCount] = table.id; sortDirArray[tableCount] = false; tIndex = tableCount; tableCount++; } // Re-drawing the title row redrawTitle(false); // Sort if doSortUponLoad is set if (doSortUponLoad) { sortTable(defaultSortColumn, table.id, 0); if (!tableLoaded) sortDirArray[tIndex] = true; } } //***************************************************************************** // Function called to re-draw title row //***************************************************************************** function redrawTitle(isSort) { var currentRow, innerHTML, newInnerHTML, cellIndex; var reAnchor, reUpDown, reLabel, cellAlign, makeBold; var cellOnmouseover, cellOnmouseout; var cellClass; var cmd; var cCellPropArray = new Array(); var tIndex; cellAlign = ""; makeBold = false; reAnchor = / *\]*\>(.*) *\<\/a\>/i; reUpDown = /\]* *id=.*updown.*[^\>]*\>.*\<\/font\>/i; reLabel = /\>([^\<]*)\ 1) currentRow.cells[cellIndex].rowSpan = titleSpanCountArray[j]; newTitle = ''; if (j == sortIndex && isSort) { newTitle = ' '; if (sortDirArray[tIndex]) if (useImg) newTitle += ' ' +
desChr + '

'; else newTitle += desChr; else if (useImg) newTitle += ' ' +
ascChr + '

'; else newTitle += ascChr; newTitle += ''; } // Remove carriage return, linefeed, and tab innerHTML = innerHTML.replace(/\r|\n|\t/g, ""); if (makeBold) { if (innerHTML.match(reLabel)) innerHTML = innerHTML.replace(reLabel, "$1"); else innerHTML = innerHTML.replace( /(^.*$)/, "$1"); } innerHTML = innerHTML.replace(reUpDown, ""); innerHTML = innerHTML.replace(reAnchor, "$1"); newInnerHTML = ''; if (useCustomTitleFont) newInnerHTML += '' + + innerHTML + ''; else newInnerHTML += innerHTML; newInnerHTML += '' + newTitle; currentRow.cells[cellIndex].innerHTML = newInnerHTML; titleRowCellArray[j] = currentRow.cells[cellIndex]; } } //***************************************************************************** // Function called when user clicks on a title to sort //***************************************************************************** function sortTable(index,tobj,doInit,isIndex) { var obj, tIndex; if (isIndex != null) if (isIndex) { tIndex = tobj; // Look up the table object obj = tableIdArray[tobj]; } else { tIndex = findTableIndex(tobj.id); obj = tobj; } // Re-inializing the table object if (doInit) { if (colsToIgnore != null) initTable(obj,colsToIgnore); else initTable(obj); } // Local variables var rowContent, rowProp, cellProp; var rowCount; var rowIndex; var cellClass, cellOnClick, cellMouseOver, cellMouseOut; var cmd; // Can't sort past the max allowed column size if (index < 0 || index >= maxNCol) return; // Assignment of sort index sortIndex = index; // Doing the sort using JavaScript generic function for an Array rowArray.sort(compare); // Re-drawing the title row if (doInit || doSortUponLoad) redrawTitle(true); // Re-drawing the table rowCount = 0; for (var i=0; i]*\>|\ \;)/g; aRowContent[sortIndex] = aRowContent[sortIndex].replace(reRowText, ""); bRowContent[sortIndex] = bRowContent[sortIndex].replace(reRowText, ""); // Euro Date format if (useEuroDate) { aRowContent[sortIndex] = convertEuroDate(aRowContent[sortIndex]); bRowContent[sortIndex] = convertEuroDate(bRowContent[sortIndex]); } if (isDate(aRowContent[sortIndex]) && isDate(bRowContent[sortIndex])) { aToBeCompared = new Date(aRowContent[sortIndex]); bToBeCompared = new Date(bRowContent[sortIndex]); } else if (! isNaN(aRowContent[sortIndex]) && ! isNaN(bRowContent[sortIndex])) { aToBeCompared = parseFloat(aRowContent[sortIndex], 10); bToBeCompared = parseFloat(bRowContent[sortIndex], 10); } else { aToBeCompared = aRowContent[sortIndex]; bToBeCompared = bRowContent[sortIndex]; } if (aToBeCompared < bToBeCompared) if (!sortDirArray[tIndex]) { return -1; } else { return 1; } if (aToBeCompared > bToBeCompared) if (!sortDirArray[tIndex]) { return 1; } else { return -1; } return 0; } //***************************************************************************** // Function to determine whether it's a IETF recognized date string //***************************************************************************** function isDate(x) { var xDate; xDate = new Date(x); if (xDate.toString() == 'NaN' || xDate.toString() == 'Invalid Date') return false; else return true; } //***************************************************************************** // Function to convert EURO date //***************************************************************************** function convertEuroDate(x) { var reExp = /^ *(\d{2})\-(\d{2})\-(\d{4}) *$/g; var dArray; if (x.match(reExp)) x = x.replace(reExp, "$2\/$1\/$3"); return(x); } //***************************************************************************** // Functions to set the cursor //***************************************************************************** function setCursor(obj) { var rowText, reRowText; reRowText = /(\< *[^\>]*\>|\ \;)/g; // Show hint text at the browser status bar rowText = String(obj.innerHTML); // Remove up/down rowText = rowText.replace(/\/ig, ""); // Remove HTML tags and rowText = rowText.replace(reRowText, ""); // Remove carriage return, linefeed, and tab rowText = rowText.replace(/\r|\n|\t/g, ""); // Setting window's status bar window.status = "Click to sort by " + String(rowText); // Setting title obj.title = "Click to sort by " + String(rowText); // Change the mouse cursor to pointer or hand if (isIE) obj.style.cursor = "hand"; else obj.style.cursor = "pointer"; } function setCursorWait(obj) { if (isIE && document.all) for (var i=0;i= 4) { isIE = true; return true; } // For some reason, appVersion returns 5 for Netscape 6.2 ... else if (navigator.appName == "Netscape" && navigator.appVersion.indexOf("5.") >= 0) { isIE = false; return true; } else return false; } //***************************************************************************** // Function to check whether index exists in array //***************************************************************************** function indexExist(x, index) { var found = false; for (var i=0; i