[0001] [0002] [0003] [0004] [0005] [0006] [0007] [0008] [0009] [0010] [0011] [0012] [0013] [0014] [0015] [0016] [0017] [0018] [0019] [0020] [0021] [0022] [0023] [0024] [0025] [0026] [0027] [0028] [0029] [0030] [0031] [0032] [0033] [0034] [0035] [0036] [0037] [0038] [0039] [0040] [0041] [0042] [0043] [0044] [0045] [0046] [0047] [0048] [0049] [0050] [0051] [0052] [0053] [0054] [0055] [0056] [0057] [0058] [0059] [0060] [0061] [0062] [0063] [0064] [0065] [0066] [0067] [0068] [0069] [0070] [0071] [0072] [0073] [0074] [0075] [0076] [0077] [0078]
//Inline HTML Tooltip script: By JavaScript Kit: http://www.javascriptkit.com //Created: July 10th, 08' var htmltooltip={ tipclass: 'htmltooltip', fadeeffect: [true, 500], anchors: [], tooltips: [], //array to contain references to all tooltip DIVs on the page positiontip:function($, tipindex, e){ var anchor=this.anchors[tipindex] var tooltip=this.tooltips[tipindex] var scrollLeft=window.pageXOffset? window.pageXOffset : this.iebody.scrollLeft var scrollTop=window.pageYOffset? window.pageYOffset : this.iebody.scrollTop var docwidth=(window.innerWidth)? window.innerWidth-15 : htmltooltip.iebody.clientWidth-15 var docheight=(window.innerHeight)? window.innerHeight-18 : htmltooltip.iebody.clientHeight-15 var tipx=anchor.dimensions.offsetx var tipy=anchor.dimensions.offsety+anchor.dimensions.h tipx=(tipx+tooltip.dimensions.w-scrollLeft>docwidth)? tipx-tooltip.dimensions.w : tipx //account for right edge tipy=(tipy+tooltip.dimensions.h-scrollTop>docheight)? tipy-tooltip.dimensions.h-anchor.dimensions.h : tipy //account for bottom edge $(tooltip).css({left: tipx, top: tipy}) }, showtip:function($, tipindex, e){ var tooltip=this.tooltips[tipindex] if (this.fadeeffect[0]) $(tooltip).hide().fadeIn(this.fadeeffect[1]) else $(tooltip).show() }, hidetip:function($, tipindex, e){ var tooltip=this.tooltips[tipindex] if (this.fadeeffect[0]) $(tooltip).fadeOut(this.fadeeffect[1]) else $(tooltip).hide() }, updateanchordimensions:function($){ var $anchors=$('*[@rel="'+htmltooltip.tipclass+'"]') $anchors.each(function(index){ this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top} }) }, render:function(){ jQuery(document).ready(function($){ htmltooltip.iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body var $anchors=$('*[@rel="'+htmltooltip.tipclass+'"]') var $tooltips=$('div[@class="'+htmltooltip.tipclass+'"]') $anchors.each(function(index){ //find all links with "title=htmltooltip" declaration this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top} //store anchor dimensions this.tippos=index+' pos' //store index of corresponding tooltip var tooltip=$tooltips.eq(index).get(0) //ref corresponding tooltip if (tooltip==null) //if no corresponding tooltip found return //exist tooltip.dimensions={w:tooltip.offsetWidth, h:tooltip.offsetHeight} $(tooltip).remove().appendTo('body') //add tooltip to end of BODY for easier positioning htmltooltip.tooltips.push(tooltip) //store reference to each tooltip htmltooltip.anchors.push(this) //store reference to each anchor var $anchor=$(this) $anchor.hover( function(e){ //onMouseover element htmltooltip.positiontip($, parseInt(this.tippos), e) htmltooltip.showtip($, parseInt(this.tippos), e) }, function(e){ //onMouseout element htmltooltip.hidetip($, parseInt(this.tippos), e) } ) $(window).bind("resize", function(){htmltooltip.updateanchordimensions($)}) }) }) } } htmltooltip.render()