Gunnar Bittersmann: Bildvorschau per Mouseover im Firefox

Beitrag lesen

Hello out there!

function tooltip (id)

Die Bezeichnung 'id' finde ich irreführend; es ist ja eher ein 'uri'.

document.getElementById('output').innerHTML='<img src=' + id + ' />';
document.getElementById('output').style.top= window.event.y + "px";
document.getElementById('output').style.display = 'block';

Warum lässt du dreimal im Elementbaum dasselbe Element suchen? Performanter dürfte es sein, die Referenz auf das Element in einer Variablen zu speichern:

var output = document.getElementById('output');  
output.innerHTML='<img src=' + id + ' />';  
output.style.top= window.event.y + "px";  
output.style.display = 'block';

Da du das öfter brauchst und auch in der Funktion tooltipdown(), besser noch als globale Variable, also außerhalb der Funktion tooltip().

<div id=output style=position:absolute; display:none; >

Da ist ein Fehler im HTML: Anführungszeichen fehlen. [HTML401 §3.2.2]

Außerdem solltest du CSS-Angaben nicht inline machen. [https://forum.selfhtml.org/?t=150376&m=977234]

See ya up the road,
Gunnar

--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)