/* the next line is an example of how you can override default options globally (currently commented out) ... */
// $.fn.cluetip.defaults.tracking = true;
// $.fn.cluetip.defaults.width = 'auto';
// $.fn.cluetip.defaults.sticky = true;
// $.fn.cluetip.defaults.arrows = true;
$(document).ready(function() {
// $.cluetip.setup({insertionType: 'insertBefore', insertionElement: 'div:first'});
// $.fn.cluetip.defaults.ajaxSettings.beforeSend = function(ct) {
// console.log(this);
// };
//default theme
$('a.title').cluetip({splitTitle: '|'});
$('a.basic').cluetip();
$('a.custom-width').cluetip({width: '200px', showTitle: false});
$('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
$('#sticky').cluetip({sticky: true, closePosition: 'title', arrows: true });
$('#examples a:eq(5)').cluetip({
hoverClass: 'highlight',
sticky: true,
closePosition: 'bottom',
closeText: '
',
truncate: 60
});
$('a.load-local').cluetip({local:true, hideLocal: true, sticky: true, arrows: true, cursor: 'pointer'});
$('#clickme').cluetip({activation: 'click', sticky: true, width: 650});
$('ol:first a:last').cluetip({tracking: true});
// jTip theme
$('a.jt:eq(0)').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
sticky: true,
mouseOutClose: true,
closePosition: 'title',
closeText: ''
});
$('a.jt:eq(1)').cluetip({cluetipClass: 'jtip', arrows: true, dropShadow: false, hoverIntent: false});
$('span[title]').css({borderBottom: '1px solid #900'}).cluetip({splitTitle: '|', arrows: true, dropShadow: false, cluetipClass: 'jtip'});
$('a.jt:eq(2)').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
height: '150px',
sticky: true,
positionBy: 'bottomTop'
});
$('a.jt:eq(3)').cluetip({local: true, hideLocal: false});
$('a.jt:eq(4)').cluetip({
cluetipClass: 'jtip', arrows: true,
dropShadow: false,
onActivate: function(e) {
var cb = $('#cb')[0];
return !cb || cb.checked;
}
});
// Rounded Corner theme
$('ol.rounded a:eq(0)').cluetip({arrows: true, sticky: true, splitTitle: '|', cluetipClass: 'rounded', showTitle: false});
$('ol.rounded a:eq(1)').cluetip({cluetipClass: 'rounded', dropShadow: false, showTitle: false, positionBy: 'mouse'});
$('ol.rounded a:eq(2)').cluetip({cluetipClass: 'rounded', dropShadow: false, showTitle: false, positionBy: 'bottomTop', topOffset: 70});
$('ol.rounded a:eq(3)').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false});
$('ol.rounded a:eq(4)').cluetip({cluetipClass: 'rounded', dropShadow: false});
});
//unrelated to clueTip -- just for the demo page...
$(document).ready(function() {
$('div.html, div.jquery').next().css('display', 'none').end().click(function() {
$(this).next().toggle('fast');
});
$('a.false').click(function() {
return false;
});
});
// inserting jQuery UI Themeswitcher tool
$('', {
'class': 'ui-button ui-widget ui-state-default',
text: 'Try it with jQuery UI ThemeRoller!',
click: function() {
$(this).hide();
$('#themeswitcher').themeswitcher({loadTheme: 'UI Lightness'});
}
})
.prependTo('#container');