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 696× | Add comment

Comments (2)

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

• wrote uzoaxxzvip on 23 May 2008, 23:16

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

• wrote Iason 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.
How much is four times two?
	Type the letters you see in the image. _{(Unreadable? Click on it for another one)}