Hallo liebes Forum,
auf einer englischen Seite habe ich ein Codeschnipsel entdeckt, das einen Mouse Over Effekt für eine Select Auswahlliste für den IE nachbaut.
Das funktioniert soweit ganz gut.
Bei meinen Test mit meiner Auswahlliste mit 25 Values war es jedoch so, dass die Position der Maus zu "knapp" berechnet wurde.
Also Beispielweise
Wert1
Wert2
wert3
wert4
Wenn ich nun mit der Maus über Wert1 fahre wird im Tooltip zwar "Wert1" angezeigt aber sobald ich die Maus ein bischen bewege, gleich "Wert2".
Ich habe es nun zwar hinbekommen mit Hilfe von
optionCount = optionCount / 3;
Aber ich weiss nicht so recht ob das eine gute Lösung ist?
Vermutlich müsste man auch irgendwie die Font Größe der angezeigten Werte berücksichtigen?
Was meint ihr?
function showIE6Tooltip(e){
if(!e){var e = window.event;}
var obj = e.srcElement;
var objHeight = obj.offsetHeight;
var optionCount = obj.options.length;
var eX = e.offsetX;
var eY = e.offsetY;
//neu von mir
optionCount = optionCount / 3;
//vertical position within select will roughly give the moused over option...
var hoverOptionIndex = Math.floor(eY / (objHeight / optionCount));
var tooltip = document.getElementById('ie6SelectTooltip');
//Original tooltip.innerHTML = obj.options[hoverOptionIndex].title;
tooltip.innerHTML = obj.options[hoverOptionIndex].value;
tooltip.style.display = 'block';
}
Gruss und danke
Werner