Team:Groningen/jqueryconfig

From 2009.igem.org

(Difference between revisions)

Frans (Talk | contribs)
(New page: - →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.widt...)
Newer edit →

Revision as of 12:35, 4 September 2009

/* 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';

$(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: '<img src="cross.png" alt="close" width="16" height="16" />',
   truncate: 60
 });
 $('a.load-local').cluetip({local:true, hideLocal: true, sticky: false, arrows: false, cursor: 'pointer', showTitle: true});
 $('#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: '<img src="cross.png" alt="close" />'
 });
 $('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({splitTitle: '|', dropShadow: false, 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, arrows: true});
 $('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;
 });

});