Voor een lay-out was ik opzoek naar een functie om een drijvende tekst over een andere tekst te tonen. Ook wel bekend onder de naam Tooltip en standaard getoond als een klein vakje met gelige achtergrond kleur. Niet het mooiste om naar te kijken en ik zou dit graag willen opmaken met CSS.

Hiervoor is jQuery Tools Tooltip beschikbaar gebaseerd op dejQuery Library. Een mooie applicatie met ontzettend veel mogelijkheden.

Lees meer over jQuery Tools Tooltip

Het nadeel van de bovenstaande applicatie is dat hij niet goed werkt in Internet Explorer 6 als er ook select boxen gebruikt worden. In versie 6 worden select boxen boven alle andere elementen getoond. Het toepassen van een IFRAME achter de tooltip is de oplossing, maar aangezien ik gebruik wilde maken van tooltips met verschillende afmetingen was dat ook niet de oplossing.

Een andere applicatie, met dezelfde functionaliteit is jQuery Tooltip, die ook gebaseerd is op de jQuery Library. Daarnaast kan je ook gebruik maken van de bgiframe plugin die dynamisch een IFRAME maakt met de juiste afmetingen achter de tooltip.

Lees meer over jQuery Tooltip

Deze combinatie van plugins was dus de oplossing voor het probleem. Beide applicaties zijn gratis te gebruiken.

Mijn voorkeur gaat uit naar jQuery Tools Tooltip omdat er meer documentatie over beschikbaar is. Daarnaast zijn er minder javascripts nodig. Maar als je voor Internet Explorer 6 moet ontwikkelen adviseer ik toch de Jquery Tooltip.