Ik heb een object met een description attribute. Wanneer je dan een link legt naar de details van dat object is het in dit geval wel tof om ook al een stuk van (of de volledige) description te laten zien on hover.

Als fan van jQuery, ben ik zoek gegaan naar een plugin. Simple tooltip leek me wel ok.

Usage

{% highlight html %} Tada {% endhighlight %}

{% highlight javascript %} $(“a.link-with-tooltip”).simpletooltip(); {% endhighlight %}

Problem

Works like a charm! Er was echter nog een klein probleem. Wanneer de text in het title attribute te lang is verdwijnt ie gewoon links van het scherm, zoals in dit screenshot.

Solution

Ik heb dat opgelost door een max-width op #simpletooltip te zetten.

{% highlight css %} max-width: 400px; {% endhighlight %}

/me happy