Irmen's blog | Tooltips (mouseovers) in non obtrusive javascript+CSS

Article with comments

Monday, 15 May 2006

Tooltips (mouseovers) in non obtrusive javascript+CSS

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).

• Wrote irmen at 17:01 | read 353× | Add comment

Comments (2)

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

• wrote uzoaxxzvip (ip) on 23 May 2008, 23:16

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

• wrote Iason (ip) on 24 May 2008, 07:07

Write a comment

Your name	Remember personal data
E-mail	(only visible for blog owner)
Homepage

You must answer the following to be able to submit.
	Type the letters you see in the image. _{(Unreadable? Click 'Preview' for a new one)}