Developed for all our visitors.! Great new Tooltip class for Mootools 1.11 by amazing Mootools developer Constantin Boiangiu .
Ultimate tooltip instructions:
To use with Joomla:
Please note that each tooltip to be displayed requires its own id. What is an ID ? ID or identifier is specific tag name that is assigned to any html tag by you. So let say you want to use YJ Tooltip on a simple text as shown above. First thing you need to know that this text " Simple text tooltip" is warped around p tag like this ;
<p>Simple text tooltip </p>
Like advised above , in order for our tooltips to work we need to give "p" element an ID. so we writte
<p id="simple">Simple text tooltip</p>
This is default js use. Above example "regular ToolTip"
This is default html use. Above example "regular ToolTip"
<a id="regular" title="Normal ToolTip" href="#">regular ToolTip</a>
Here is tooltip class used on our frontpage intro images: Notice new class ToolTipClass:'YJrl'
This is html used
<img style="margin: 0px;" height="160" width="665" title="Villa Del Mare" alt="Villa Del Mare" src="images/stories/g1.jpg" id="delmare" class="border" />
As you can see our friend Constantin gave us more than we asked for and here is the list of all parameters used. Just remember to separate them by comma " , " and you are ready to make your own tooltips.
NOTE: For valid XHTML place your tooltips in separate js file and call it in before </head> tag