/** Fixes IE6 issue with tooltips for select form elements Add such CSS rules for custom tooltips looks like standard #ie6SelectTooltip { display:none; position:absolute; padding:1px; border:1px solid #333333; background-color:#fffedf; font-size:smaller; } @author Andrei Khaisin */ function showIE6Tooltip(e) { if(!e){var e = window.event;} var obj = e.srcElement; var tooltip = document.getElementById('ie6SelectTooltip'); tooltip.style.display = 'block'; var clientX = e.clientX + document.documentElement.scrollLeft + 20; var clientY = e.clientY + document.documentElement.scrollTop + 20; tooltip.style.top = clientY ; tooltip.style.left = clientX ; var tooltipText = obj.title; // check that select has a title properties if (tooltipText != null) { var browser=navigator.appName; var b_version=navigator.appVersion; var version=parseFloat(b_version); /* tooltipText += "
-----
"; tooltipText += "Browser name: "+ browser tooltipText += "
"; tooltipText += "Browser version: "+ version; tooltipText += "
"; tooltipText += "screenX: "+ clientX; tooltipText += "
"; tooltipText += "screenY: "+ clientY; tooltipText += "
"; tooltipText += "position: " + tooltip.style.position; */ tooltip.innerHTML = tooltipText; tooltip.style.display = 'block'; } } function hideIE6Tooltip(e) { var tooltip = document.getElementById('ie6SelectTooltip'); tooltip.innerHTML = ''; tooltip.style.display = 'none'; } function addCustomToolTipsToSelects() { var allFormsSelectBoxes = document.getElementsByTagName("select"); var needTooltips = false; for(i=0; i < allFormsSelectBoxes.length; i++) { needTooltips = true; allFormsSelectBoxes[i].onmouseover=showIE6Tooltip; allFormsSelectBoxes[i].onmouseout=hideIE6Tooltip; } if (needTooltips) { var newdiv = document.createElement('div'); // use #ie6SelectTooltip selector to customize tooltip newdiv.setAttribute('id', 'ie6SelectTooltip'); //newdiv.innerHTML = allFormsSelectBoxes.length; document.body.appendChild(newdiv); } } // Inject onload var oldOnLoad = window.onload; function customOnLoad() { // Apply patch only for IE6 var browser=navigator.appName; var b_version=navigator.appVersion; var version=parseFloat(b_version); //if (browser=="Microsoft Internet Explorer" && version<=4) { // Detect IE6 if (!window.XMLHttpRequest) { addCustomToolTipsToSelects(); } if (oldOnLoad) { window.onload = oldOnLoad; oldOnLoad(); } } window.onload = customOnLoad;