c8410716b2eafdadc6a1e4a0368ce6093669be32 kate Sun Mar 25 21:26:09 2012 -0700 Suppress mouseOver on X axis (Column headers) under IE8 as QA noted this results in a flashing effect diff --git src/hg/js/encodeChipMatrix.js src/hg/js/encodeChipMatrix.js index d73b8ef..36b218e 100644 --- src/hg/js/encodeChipMatrix.js +++ src/hg/js/encodeChipMatrix.js @@ -85,57 +85,61 @@ cellType = exp.cellType; if (!matrix[cellType]) { matrix[cellType] = {}; } if (!matrix[cellType][target]) { matrix[cellType][target] = 0; } matrix[cellType][target]++; }); return matrix; } function tableHeaderOut($table, antibodyGroups, antibodyTargetExps) { // Generate table header and add to document - var $tableHeader, $thead; + var $tableHeaders, $thead, $th; var maxLen; // for resizing header cells to accomodate label lengths var antibodyTarget; // fill in column headers from antibody targets returned by server - $tableHeader = $('#columnHeaders'); + $tableHeaders = $('#columnHeaders'); $thead = $('thead'); // 1st column is row headers // colgroups are needed to support cross-hair hover effect $thead.before('<colgroup></colgroup>'); $.each(antibodyGroups, function (i, group) { - $tableHeader.append('<th class="groupType"><div class="verticalText">' + + $tableHeaders.append('<th class="groupType"><div class="verticalText">' + group.label + '</div></th>'); maxLen = Math.max(maxLen, group.label.length); $thead.before('<colgroup></colgroup>'); $.each(group.targets, function (i, target) { // prune out targets with no experiments if (antibodyTargetExps[target] === undefined) { return true; } antibodyTarget = encodeProject.getAntibodyTarget(target); - $tableHeader.append('<th class="elementType" title="' + - antibodyTarget.description + - '"><div class="verticalText">' + target + '</div></th>'); + $th = $('<th class="elementType"><div class="verticalText">' + + target + '</div></th>'); + if (!encodeProject.isIE8()) { + // Suppress mouseover under IE8 as QA noted flashing effect + $th.attr('title', antibodyTarget.description); + } + $tableHeaders.append($th); // add colgroup element to support cross-hair hover effect $thead.before('<colgroup class="experimentCol"></colgroup>'); maxLen = Math.max(maxLen, target.length); }); }); // adjust size of headers based on longest label length // empirically len/2 em's is right $('#columnHeaders th').css('height', (String((maxLen/2 + 2)).concat('em'))); $('#columnHeaders th').css('width', '1em'); } function rowAddCells($row, antibodyGroups, antibodyTargetExps, matrix, cellType) { // populate a row in the matrix with cells for antibody target groups and the targets // null cellType indicates this is a row for a cell group (tier)