8e68641f18d60ba319811dfecbd5ef6b6337fd8a kate Mon Feb 20 12:12:12 2012 -0800 Cripple for IE (floating header, crosshair effect) diff --git src/hg/js/encodeDataMatrix.js src/hg/js/encodeDataMatrix.js index 97ce26e..07f2f35 100644 --- src/hg/js/encodeDataMatrix.js +++ src/hg/js/encodeDataMatrix.js @@ -179,36 +179,45 @@ '<span title="' + cellTypeHash[cellType].description + '"><a href="/cgi-bin/hgEncodeVocab?ra=encode/cv.ra&term=' + cellType + '">' + cellType + '</a>' + '</th>' ); maxLen = Math.max(maxLen, cellType.length); rowAddCells(row, dataGroups, matrix, cellType); table.append(row); }); // adjust size of row headers based on longest label length $('tbody th').css('height', '1em'); $('tbody th').css('width', (String((maxLen/2 + 2)).concat('em'))); }); $("body").append(table); + // NOTE: it may be possible to revive floating header functionality in IE using this plug-in, + // but I've timed out (not able to make it work in simple HTML either). + if (!$.browser.msie) { addFloatingHeader(table); + } rotateCells(table); // column and row hover (cross-hair effect) // thanks to Chris Coyier, css-tricks.com // NOTE: acts on colgroups declared at start of table + // NOTE: second table name is generated from floatheader plugin + // NOTE: too slow on IE, so skip + if ($.browser.msie) { + return; + } $("#matrixTable, #matrixTableFloatHeaderClone").delegate('.matrixCell, .elementType','mouseover mouseleave', function(e) { if (!$(this).hasClass('experiment') && !$(this).hasClass('todoExperiment') && !$(this).hasClass('elementType') && !$(this).hasClass('groupType')) { return; } if (e.type == 'mouseover') { // refrain from highlighting header row if (!$(this).parent().is("#columnHeaders")) { $(this).parent().addClass("crossHair"); } col = $("colGroup").eq($(this).index()); if (col.hasClass("dataTypeCol")) { col.addClass("crossHair"); } } else {