Verwendung
Einbinden der Dateien
Folgende Dateien müssen im <head>-Bereich eingebunden werden:
<script type="text/javascript" src="{CAT_URL}/modules/lib_jquery/plugins/jquery.hoverintent/jquery.hoverintent.js"></script>
<script type="text/javascript" src="{CAT_URL}/modules/lib_jquery/plugins/ClueTip/jquery.cluetip.min.js"></script>
<link rel="stylesheet" href="{CAT_URL}/modules/lib_jquery/plugins/ClueTip/jquery.cluetip.css" type="text/css" />
Dies kann direkt im Template oder mit Hilfe einer headers.inc.php Datei erfolgen.
Beispiel: Inhalt des title-Attributs verwenden
HTML:
<a class="cltitle" href="#" title="|Houdini was an escape artist.|He was also adept at prestidigitation.">Demo</a>
JavaScript
jQuery('a.cltitle').cluetip({splitTitle:'|'});