PolyTooltip v1.1

How to use

1. PolyTooltip uses the Prototype Framework and Scriptaculous Effects Library. You will need to include the following three Javascript files in the head of your HTML file (in this order).

<script src="poly_tooltip/prototype.js" type="text/javascript"></script>
<script src="poly_tooltip/scriptaculous.js" type="text/javascript"></script>
<script src="poly_tooltip/tooltip.js" type="text/javascript"></script>

2. The package includes some predefined styles (in the styles folder). Use one of them (or create a new one) by including the corresponding css file in the head of your HTML file.

<link rel="stylesheet" type="text/css" href="poly_tooltip/styles/standard/tooltip.css" />

To activate PolyTooltip for a HTML element, just add a class=”poly_tooltip” to it, and write the tooltip text in the title attribute, e.g.

<a href=”http://www.polymorph.at” class=”poly_tooltip” title=”This company rocks!”>Webdesign</a>


<img src=”http://www.polymorph.at/images/sidepic_cofe.jpg” class=”poly_tooltip” title=”mmmh… coffee” />


PolyTooltip at blog.polymorph.at