cognos常见JS下载.doc

1.1. 单击表头实现排序试验版本8.2Cognos_frank真情 制作A页面放的布局表头1个脚本，表后3个第一个js代码：第二个js代码：第三个js代码：var targetTable = document.getElementById(t00);targetTable.firstChild.id = rsTable;targetTable.firstC = rsTable;var tds = document.getElementById(rsTable).getElementsByTagName(TD);var s = 0;/remove nested span tags (this might effect previously applied customs styles)for (var i=0; itds.length; i+) var x = tdsi.firstChild.innerHTML;tdsi.removeChild(tdsi.firstChild);tdsi.innerHTML = x;ts_makeSortable(document.getElementById(rsTable);第四个代码：/addEvent(window, load, sortables_init);var SORT_COLUMN_INDEX;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.rows0; if (!firstRow) return; / We have a first row: assume its the header, and make its contents clickable links for (var i=0;ifirstRow.cells.length;i+) var cell = firstRow.cellsi; var txt = ts_getInnerText(cell); cell.innerHTML = +txt+    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 fastervar str = ;var cs = el.childNodes;var l = cs.length;for (var i = 0; i l; i+) switch (csi.nodeType) case 1: /ELEMENT_NODEstr += ts_getInnerText(csi);break;case 3:/TEXT_NODEstr += csi.nodeValue;break;return str;function ts_resortTable(lnk) / get the span var span; for (var ci=0;cilnk.childNodes.length;ci+) if (lnk.childNodesci.tagName & lnk.childNodesci.tagName.toLowerCase() = span) span = lnk.childNodesci; var spantext = ts_getInnerText(span); var td = lnk.parentNode; var column = td.cellIndex; var table = getParent(td,TABLE); / Work out a type for the column if (table.rows.length = 1) return; var itm = ts_getInnerText(table.rows1.cellscolumn); sortfn = ts_sort_caseinsensitive; if (itm.match(/dd/-dd/-dddd$/) sortfn = ts_sort_date; if (itm.match(/dd/-dd/-dd$/) sortfn = ts_sort_date; if (itm.match(/?/) sortfn = ts_sort_currency; if (itm.match(/d.+$/) sortfn = ts_sort_numeric; SORT_COLUMN_INDEX = column; var firstRow = new Array(); var newRows = new Array(); for (i=0;itable.rows0.length;i+) firstRowi = table.rows0i; for (j=1;jtable.rows.length;j+) newRowsj-1 = table.rowsj; newRows.sort(sortfn); if (span.getAttribute(sortdir) = down) ARROW =   ↑ newRows.reverse(); span.setAttribute(sortdir,up); else ARROW =   ↓ span.setAttribute(sortdir,down); / We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones / dont do sortbottom rows for (i=0;inewRows.length;i+) if (!newRowsi.className | (newRowsi.className & (newRowsi.className.indexOf(sortbottom) = -1) table.tBodies0.appendChild(newRowsi); / do sortbottom rows only for (i=0;inewRows.length;i+) if (newRowsi.className & (newRowsi.className.indexOf(sortbottom) != -1) table.tBodies0.appendChild(newRowsi); / Delete any other arrows there may be showing var allspans = document.getElementsByTagName(span); for (var ci=0;ciallspans.length;ci+) if (allspansci.className = sortarrow) if (getParent(allspansci,table) = getParent(lnk,table) / in the same table as us? allspansci.innerHTML =     span.innerHTML = ARROW;function getParent(el, pTagName) if (el = null) return null;else if (el.nodeType = 1 & el.tagName.toLowerCase() = pTagName.toLowerCase()/ Gecko bug, supposed to be uppercasereturn el;elsereturn getParent(el.parentNode, pTagName);function ts_sort_date(a,b) / y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX aa = ts_getInnerText(a.cellsSORT_COLUMN_INDEX); bb = ts_getInnerText(b.cellsSORT_COLUMN_INDEX); if (aa.length = 10) dt1 = aa.substr(6,4)+aa.substr(3,2)+aa.substr(0,2); else yr = aa.substr(6,2); if (parseInt(yr) 50) yr = 20+yr; else yr = 19+yr; dt1 = yr+aa.substr(3,2)+aa.substr(0,2); if (bb.length = 10) dt2 = bb.substr(6,4)+bb.substr(3,2)+bb.substr(0,2); else yr = bb.substr(6,2); if (parseInt(yr) 50) yr = 20+yr; else yr = 19+yr; dt2 = yr+bb.substr(3,2)+bb.substr(0,2); if (dt1=dt2) return 0; if (dt1dt2) return -1; return 1;function ts_sort_currency(a,b) aa = ts_getInnerText(a.cellsSORT_COLUMN_INDEX).replace(/0-9./g,); bb = ts_getInnerText(b.cellsSORT_COLUMN_INDEX).replace(/0-9./g,); return parseFloat(aa) - parseFloat(bb);function ts_sort_numeric(a,b) aa = parseFloat(ts_getInnerText(a.cellsSORT_COLUMN_INDEX); if (isNaN(aa) aa = 0; bb = parseFloat(ts_getInnerText(b.cellsSORT_COLUMN_INDEX); if (isNaN(bb) bb = 0; return aa-bb;function ts_sort_caseinsensitive(a,b) aa = ts_getInnerText(a.cellsSORT_COLUMN_INDEX).toLowerCase(); bb = ts_getInnerText(b.cellsSORT_COLUMN_INDEX).toLowerCase(); if (aa=bb) return 0; if (aabb) return -1; return 1;function ts_sort_default(a,b) aa = ts_getInnerText(a.cellsSORT_COLUMN_INDEX); bb = ts_getInnerText(b.cellsSORT_COLUMN_INDEX); if (aa=bb) return 0; if (aabb) return -1; return 1;function addEvent(elm, evType, fn, useCapture)/ addEvent and removeEvent/ cross-browser event handling for IE5+, NS6 and Mozilla/ By Scott Andrew if (elm.addEventListener) elm.addEventListener(evType, fn, useCapture); return true; else if (elm.attachEvent) var r = elm.attachEvent(on+evType, fn); return r; else alert(Handler could not be removed); ok 代码放完了 之后要列表命名，选中整个列表，将没页最大数显示最大1.2. 锁定表头这个是布局大家注意js脚本放的位置第一个代码:function doScrl(obj)var alltable = document.all.tags(TABLE)for(i=0;ialltable.length;i+) if(alltablei.className =ls) alltablei.rows0.style.pixelTop=-1+obj.scrollTopalltablei.rows1.style.pixelTop=-1+obj.scrollTop 第二个代码：第三个代码：var alltable = document.all.tags(TABLE)for(i=0;ialltable.length;i+) if(alltablei.className =ls) alltablei.rows0.style.left=0px;alltablei.rows0.style.top=0px;alltablei.rows0.style.position=relative; Ok了 这个也制作完毕了 还有什么问题 大家一起探讨。对了 这个脚本可能会有点缺陷，所以大家还需要修改一下。可能在表头锁定的时候会有一个缝隙，需要改动第一个js脚本。看下图 可能会有缝隙漏字体出来改动位置如下：在一个脚本中找到