/**
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;