Tooltips (mouseovers) in non obtrusive javascript+CSS

Monday 15 May 2006, 17:01:00 | web dev

BoxOver

Deze tooltip 'engine' is als blackbox aan te roepen zonder enige custom javascript te hoeven gebruiken.

Gebruik: 1. Onderaan de pagina moet je de .js file includen <script src="boxover.js"></script>

2. Voor ieder html element op de pagina dat je van een mooie custom tooltip wil voorzien (zoals een popup helptekst) zorg je dat in de "Title"-property de tooltip-parameters van een waarde voorziet.

voorbeeld: <img src="helpicoon.gif" title="header=[Help voor bruto jaarinkomen] body=[help tekst over het bruto jaarinkomen] hideselect=[on] fade=[on]" /> Dit is ook echt alles!

Wat je hier ziet is dat a) de header en body van de tooltip worden gevuld, b) alle selectboxen op de pagina even verdwijnen om te voorkomen dat ze door je help tekst heen komen en c) dat de tooltip met een fade-in wordt weergeven.

Er zijn nog meer veel parameters en voorbeelden beschikbaar op de website! En het ding is gratis (GNU licence).

People have replied:

uzoaxxzvip — http://ebukxbrbmdby.com/

2008-05-23 23:16:00

ro5vGe <a href="http://ruzmtxryucgi.com/">ruzmtxryucgi</a>, wnzipdkjazds, [link=http://ynjtodhvklxe.com/]ynjtodhvklxe[/link], http://wgkzlmihhdzc.com/

Iason — http://patriciakittredge.vwebhosting.com/teaching53/map.html

2008-05-24 07:07:00

Cool design, great info!, p23 9 accounting, mapyo,