Revision 96326d7c
Von Kivitendo Admin vor fast 10 Jahren hinzugefügt
js/wz_tooltip.js | ||
---|---|---|
/* This notice must be untouched at all times.
|
||
Copyright (c) 2002-2008 Walter Zorn. All rights reserved.
|
||
|
||
wz_tooltip.js v. 3.38
|
||
wz_tooltip.js v. 5.31
|
||
|
||
The latest version is available at
|
||
http://www.walterzorn.com
|
||
or http://www.devira.com
|
||
or http://www.walterzorn.de
|
||
|
||
Copyright (c) 2002-2005 Walter Zorn. All rights reserved.
|
||
Created 1. 12. 2002 by Walter Zorn (Web: http://www.walterzorn.com )
|
||
Last modified: 9. 12. 2005
|
||
Created 1.12.2002 by Walter Zorn (Web: http://www.walterzorn.com )
|
||
Last modified: 7.11.2008
|
||
|
||
Cross-browser tooltips working even in Opera 5 and 6,
|
||
as well as in NN 4, Gecko-Browsers, IE4+, Opera 7+ and Konqueror.
|
||
No onmouseouts required.
|
||
Appearance of tooltips can be individually configured
|
||
via commands within the onmouseovers.
|
||
Easy-to-use cross-browser tooltips.
|
||
Just include the script at the beginning of the <body> section, and invoke
|
||
Tip('Tooltip text') to show and UnTip() to hide the tooltip, from the desired
|
||
HTML eventhandlers. Example:
|
||
<a onmouseover="Tip('Some text')" onmouseout="UnTip()" href="index.htm">My home page</a>
|
||
No container DIV required.
|
||
By default, width and height of tooltips are automatically adapted to content.
|
||
Is even capable of dynamically converting arbitrary HTML elements to tooltips
|
||
by calling TagToTip('ID_of_HTML_element_to_be_converted') instead of Tip(),
|
||
which means you can put important, search-engine-relevant stuff into tooltips.
|
||
Appearance & behaviour of tooltips can be individually configured
|
||
via commands passed to Tip() or TagToTip().
|
||
|
||
Tab Width: 4
|
||
LICENSE: LGPL
|
||
|
||
This library is free software; you can redistribute it and/or
|
||
... | ... | |
see http://www.gnu.org/copyleft/lesser.html
|
||
*/
|
||
|
||
var config = new Object();
|
||
|
||
|
||
//////////////// GLOBAL TOOPTIP CONFIGURATION /////////////////////
|
||
var ttAbove = false; // tooltip above mousepointer? Alternative: true
|
||
var ttBgColor = "#e6ecff";
|
||
var ttBgImg = ""; // path to background image;
|
||
var ttBorderColor = "#003399";
|
||
var ttBorderWidth = 1;
|
||
var ttDelay = 500; // time span until tooltip shows up [milliseconds]
|
||
var ttFontColor = "#000066";
|
||
var ttFontFace = "arial,helvetica,sans-serif";
|
||
var ttFontSize = "11px";
|
||
var ttFontWeight = "normal"; // alternative: "bold";
|
||
var ttLeft = false; // tooltip on the left of the mouse? Alternative: true
|
||
var ttOffsetX = 12; // horizontal offset of left-top corner from mousepointer
|
||
var ttOffsetY = 15; // vertical offset "
|
||
var ttOpacity = 100; // opacity of tooltip in percent (must be integer between 0 and 100)
|
||
var ttPadding = 3; // spacing between border and content
|
||
var ttShadowColor = "";
|
||
var ttShadowWidth = 0;
|
||
var ttStatic = false; // tooltip NOT move with the mouse? Alternative: true
|
||
var ttSticky = false; // do NOT hide tooltip on mouseout? Alternative: true
|
||
var ttTemp = 0; // time span after which the tooltip disappears; 0 (zero) means "infinite timespan"
|
||
var ttTextAlign = "left";
|
||
var ttTitleColor = "#ffffff"; // color of caption text
|
||
var ttWidth = 300;
|
||
//////////////////// END OF TOOLTIP CONFIG ////////////////////////
|
||
|
||
|
||
|
||
////////////// TAGS WITH TOOLTIP FUNCTIONALITY ////////////////////
|
||
// List may be extended or shortened:
|
||
var tt_tags = new Array("a","area","b","big","caption","center","code","dd","div","dl","dt","em","h1","h2","h3","h4","h5","h6","i","img","input","li","map","ol","p","pre","s", "select", "small","span","strike","strong","sub","sup","table","td","th","tr","tt","u","var","ul","layer");
|
||
/////////////////////////////////////////////////////////////////////
|
||
|
||
|
||
|
||
///////// DON'T CHANGE ANYTHING BELOW THIS LINE /////////////////////
|
||
var tt_obj = null, // current tooltip
|
||
tt_ifrm = null, // iframe to cover windowed controls in IE
|
||
tt_objW = 0, tt_objH = 0, // width and height of tt_obj
|
||
tt_objX = 0, tt_objY = 0,
|
||
tt_offX = 0, tt_offY = 0,
|
||
xlim = 0, ylim = 0, // right and bottom borders of visible client area
|
||
tt_sup = false, // true if T_ABOVE cmd
|
||
tt_sticky = false, // tt_obj sticky?
|
||
tt_wait = false,
|
||
tt_act = false, // tooltip visibility flag
|
||
tt_sub = false, // true while tooltip below mousepointer
|
||
tt_u = "undefined",
|
||
tt_mf = null, // stores previous mousemove evthandler
|
||
// Opera: disable href when hovering <a>
|
||
tt_tag = null; // stores hovered dom node, href and previous statusbar txt
|
||
|
||
|
||
var tt_db = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body? document.body : null,
|
||
tt_n = navigator.userAgent.toLowerCase(),
|
||
tt_nv = navigator.appVersion;
|
||
// Browser flags
|
||
var tt_op = !!(window.opera && document.getElementById),
|
||
tt_op6 = tt_op && !document.defaultView,
|
||
tt_op7 = tt_op && !tt_op6,
|
||
tt_ie = tt_n.indexOf("msie") != -1 && document.all && tt_db && !tt_op,
|
||
tt_ie6 = tt_ie && parseFloat(tt_nv.substring(tt_nv.indexOf("MSIE")+5)) >= 5.5,
|
||
tt_n4 = (document.layers && typeof document.classes != tt_u),
|
||
tt_n6 = (!tt_op && document.defaultView && typeof document.defaultView.getComputedStyle != tt_u),
|
||
tt_w3c = !tt_ie && !tt_n6 && !tt_op && document.getElementById;
|
||
|
||
function tt_Int(t_x)
|
||
{
|
||
var t_y;
|
||
return isNaN(t_y = parseInt(t_x))? 0 : t_y;
|
||
}
|
||
function wzReplace(t_x, t_y)
|
||
{
|
||
var t_ret = "",
|
||
t_str = this,
|
||
t_xI;
|
||
while((t_xI = t_str.indexOf(t_x)) != -1)
|
||
{
|
||
t_ret += t_str.substring(0, t_xI) + t_y;
|
||
t_str = t_str.substring(t_xI + t_x.length);
|
||
}
|
||
return t_ret+t_str;
|
||
}
|
||
String.prototype.wzReplace = wzReplace;
|
||
function tt_N4Tags(tagtyp, t_d, t_y)
|
||
{
|
||
t_d = t_d || document;
|
||
t_y = t_y || new Array();
|
||
var t_x = (tagtyp=="a")? t_d.links : t_d.layers;
|
||
for(var z = t_x.length; z--;) t_y[t_y.length] = t_x[z];
|
||
for(z = t_d.layers.length; z--;) t_y = tt_N4Tags(tagtyp, t_d.layers[z].document, t_y);
|
||
return t_y;
|
||
}
|
||
function tt_Htm(tt, t_id, txt)
|
||
{
|
||
var t_bgc = (typeof tt.T_BGCOLOR != tt_u)? tt.T_BGCOLOR : ttBgColor,
|
||
t_bgimg = (typeof tt.T_BGIMG != tt_u)? tt.T_BGIMG : ttBgImg,
|
||
t_bc = (typeof tt.T_BORDERCOLOR != tt_u)? tt.T_BORDERCOLOR : ttBorderColor,
|
||
t_bw = (typeof tt.T_BORDERWIDTH != tt_u)? tt.T_BORDERWIDTH : ttBorderWidth,
|
||
t_ff = (typeof tt.T_FONTFACE != tt_u)? tt.T_FONTFACE : ttFontFace,
|
||
t_fc = (typeof tt.T_FONTCOLOR != tt_u)? tt.T_FONTCOLOR : ttFontColor,
|
||
t_fsz = (typeof tt.T_FONTSIZE != tt_u)? tt.T_FONTSIZE : ttFontSize,
|
||
t_fwght = (typeof tt.T_FONTWEIGHT != tt_u)? tt.T_FONTWEIGHT : ttFontWeight,
|
||
t_opa = (typeof tt.T_OPACITY != tt_u)? tt.T_OPACITY : ttOpacity,
|
||
t_padd = (typeof tt.T_PADDING != tt_u)? tt.T_PADDING : ttPadding,
|
||
t_shc = (typeof tt.T_SHADOWCOLOR != tt_u)? tt.T_SHADOWCOLOR : (ttShadowColor || 0),
|
||
t_shw = (typeof tt.T_SHADOWWIDTH != tt_u)? tt.T_SHADOWWIDTH : (ttShadowWidth || 0),
|
||
t_algn = (typeof tt.T_TEXTALIGN != tt_u)? tt.T_TEXTALIGN : ttTextAlign,
|
||
t_tit = (typeof tt.T_TITLE != tt_u)? tt.T_TITLE : "",
|
||
t_titc = (typeof tt.T_TITLECOLOR != tt_u)? tt.T_TITLECOLOR : ttTitleColor,
|
||
t_w = (typeof tt.T_WIDTH != tt_u)? tt.T_WIDTH : ttWidth;
|
||
if(t_shc || t_shw)
|
||
{
|
||
t_shc = t_shc || "#cccccc";
|
||
t_shw = t_shw || 5;
|
||
}
|
||
if(tt_n4 && (t_fsz == "10px" || t_fsz == "11px")) t_fsz = "12px";
|
||
|
||
var t_optx = (tt_n4? '' : tt_n6? ('-moz-opacity:'+(t_opa/100.0)) : tt_ie? ('filter:Alpha(opacity='+t_opa+')') : ('opacity:'+(t_opa/100.0))) + ';';
|
||
var t_y = '<div id="'+t_id+'" style="position:absolute;z-index:1010;';
|
||
t_y += 'left:0px;top:0px;width:'+(t_w+t_shw)+'px;visibility:'+(tt_n4? 'hide' : 'hidden')+';'+t_optx+'">' +
|
||
'<table border="0" cellpadding="0" cellspacing="0"'+(t_bc? (' bgcolor="'+t_bc+'" style="background:'+t_bc+';"') : '')+' width="'+t_w+'">';
|
||
if(t_tit)
|
||
{
|
||
t_y += '<tr><td style="padding-left:3px;padding-right:3px;" align="'+t_algn+'"><font color="'+t_titc+'" face="'+t_ff+'" ' +
|
||
'style="color:'+t_titc+';font-family:'+t_ff+';font-size:'+t_fsz+';"><b>' +
|
||
(tt_n4? ' ' : '')+t_tit+'</b></font></td></tr>';
|
||
}
|
||
t_y += '<tr><td><table border="0" cellpadding="'+t_padd+'" cellspacing="'+t_bw+'" width="100%">' +
|
||
'<tr><td'+(t_bgc? (' bgcolor="'+t_bgc+'"') : '')+(t_bgimg? ' background="'+t_bgimg+'"' : '')+' style="text-align:'+t_algn+';';
|
||
if(tt_n6) t_y += 'padding:'+t_padd+'px;';
|
||
t_y += '" align="'+t_algn+'"><font color="'+t_fc+'" face="'+t_ff+'"' +
|
||
' style="color:'+t_fc+';font-family:'+t_ff+';font-size:'+t_fsz+';font-weight:'+t_fwght+';">';
|
||
if(t_fwght == 'bold') t_y += '<b>';
|
||
t_y += txt;
|
||
if(t_fwght == 'bold') t_y += '</b>';
|
||
t_y += '</font></td></tr></table></td></tr></table>';
|
||
if(t_shw)
|
||
{
|
||
var t_spct = Math.round(t_shw*1.3);
|
||
if(tt_n4)
|
||
//=================== GLOBAL TOOLTIP CONFIGURATION =========================//
|
||
var tt_Debug = true // false or true - recommended: false once you release your page to the public
|
||
var tt_Enabled = true // Allows to (temporarily) suppress tooltips, e.g. by providing the user with a button that sets this global variable to false
|
||
var TagsToTip = true // false or true - if true, HTML elements to be converted to tooltips via TagToTip() are automatically hidden;
|
||
// if false, you should hide those HTML elements yourself
|
||
|
||
// For each of the following config variables there exists a command, which is
|
||
// just the variablename in uppercase, to be passed to Tip() or TagToTip() to
|
||
// configure tooltips individually. Individual commands override global
|
||
// configuration. Order of commands is arbitrary.
|
||
// Example: onmouseover="Tip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"
|
||
|
||
config. Above = false // false or true - tooltip above mousepointer
|
||
config. BgColor = '#E2E7FF' // Background colour (HTML colour value, in quotes)
|
||
config. BgImg = '' // Path to background image, none if empty string ''
|
||
config. BorderColor = '#003099'
|
||
config. BorderStyle = 'solid' // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
|
||
config. BorderWidth = 1
|
||
config. CenterMouse = false // false or true - center the tip horizontally below (or above) the mousepointer
|
||
config. ClickClose = false // false or true - close tooltip if the user clicks somewhere
|
||
config. ClickSticky = false // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
|
||
config. CloseBtn = false // false or true - closebutton in titlebar
|
||
config. CloseBtnColors = ['#990000', '#FFFFFF', '#DD3333', '#FFFFFF'] // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
|
||
config. CloseBtnText = ' X ' // Close button text (may also be an image tag)
|
||
config. CopyContent = true // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
|
||
config. Delay = 400 // Time span in ms until tooltip shows up
|
||
config. Duration = 0 // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms _after_ the onmouseout until the tooltip disappears
|
||
config. Exclusive = false // false or true - no other tooltip can appear until the current one has actively been closed
|
||
config. FadeIn = 100 // Fade-in duration in ms, e.g. 400; 0 for no animation
|
||
config. FadeOut = 100
|
||
config. FadeInterval = 30 // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
|
||
config. Fix = null // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
|
||
config. FollowMouse = true // false or true - tooltip follows the mouse
|
||
config. FontColor = '#000044'
|
||
config. FontFace = 'Verdana,Geneva,sans-serif'
|
||
config. FontSize = '8pt' // E.g. '9pt' or '12px' - unit is mandatory
|
||
config. FontWeight = 'normal' // 'normal' or 'bold';
|
||
config. Height = 0 // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
|
||
config. JumpHorz = false // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
|
||
config. JumpVert = true // false or true - jump vertically "
|
||
config. Left = false // false or true - tooltip on the left of the mouse
|
||
config. OffsetX = 14 // Horizontal offset of left-top corner from mousepointer
|
||
config. OffsetY = 8 // Vertical offset
|
||
config. Opacity = 100 // Integer between 0 and 100 - opacity of tooltip in percent
|
||
config. Padding = 3 // Spacing between border and content
|
||
config. Shadow = false // false or true
|
||
config. ShadowColor = '#C0C0C0'
|
||
config. ShadowWidth = 5
|
||
config. Sticky = false // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
|
||
config. TextAlign = 'left' // 'left', 'right' or 'justify'
|
||
config. Title = '' // Default title text applied to all tips (no default title: empty string '')
|
||
config. TitleAlign = 'left' // 'left' or 'right' - text alignment inside the title bar
|
||
config. TitleBgColor = '' // If empty string '', BorderColor will be used
|
||
config. TitleFontColor = '#FFFFFF' // Color of title text - if '', BgColor (of tooltip body) will be used
|
||
config. TitleFontFace = '' // If '' use FontFace (boldified)
|
||
config. TitleFontSize = '' // If '' use FontSize
|
||
config. TitlePadding = 2
|
||
config. Width = 0 // Tooltip width; 0 for automatic adaption to tooltip content; < -1 (e.g. -240) for a maximum width for that automatic adaption;
|
||
// -1: tooltip width confined to the width required for the titlebar
|
||
//======= END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW ==============//
|
||
|
||
|
||
|
||
|
||
//===================== PUBLIC =============================================//
|
||
function Tip()
|
||
{
|
||
tt_Tip(arguments, null);
|
||
}
|
||
function TagToTip()
|
||
{
|
||
var t2t = tt_GetElt(arguments[0]);
|
||
if(t2t)
|
||
tt_Tip(arguments, t2t);
|
||
}
|
||
function UnTip()
|
||
{
|
||
tt_OpReHref();
|
||
if(tt_aV[DURATION] < 0 && (tt_iState & 0x2))
|
||
tt_tDurt.Timer("tt_HideInit()", -tt_aV[DURATION], true);
|
||
else if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
|
||
tt_HideInit();
|
||
}
|
||
|
||
//================== PUBLIC PLUGIN API =====================================//
|
||
// Extension eventhandlers currently supported:
|
||
// OnLoadConfig, OnCreateContentString, OnSubDivsCreated, OnShow, OnMoveBefore,
|
||
// OnMoveAfter, OnHideInit, OnHide, OnKill
|
||
|
||
var tt_aElt = new Array(10), // Container DIV, outer title & body DIVs, inner title & body TDs, closebutton SPAN, shadow DIVs, and IFRAME to cover windowed elements in IE
|
||
tt_aV = new Array(), // Caches and enumerates config data for currently active tooltip
|
||
tt_sContent, // Inner tooltip text or HTML
|
||
tt_t2t, tt_t2tDad, // Tag converted to tip, and its DOM parent element
|
||
tt_musX, tt_musY,
|
||
tt_over,
|
||
tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip
|
||
|
||
function tt_Extension()
|
||
{
|
||
tt_ExtCmdEnum();
|
||
tt_aExt[tt_aExt.length] = this;
|
||
return this;
|
||
}
|
||
function tt_SetTipPos(x, y)
|
||
{
|
||
var css = tt_aElt[0].style;
|
||
|
||
tt_x = x;
|
||
tt_y = y;
|
||
css.left = x + "px";
|
||
css.top = y + "px";
|
||
if(tt_ie56)
|
||
{
|
||
var ifrm = tt_aElt[tt_aElt.length - 1];
|
||
if(ifrm)
|
||
{
|
||
t_y += '<layer bgcolor="'+t_shc+'" left="'+t_w+'" top="'+t_spct+'" width="'+t_shw+'" height="0"></layer>' +
|
||
'<layer bgcolor="'+t_shc+'" left="'+t_spct+'" align="bottom" width="'+(t_w-t_spct)+'" height="'+t_shw+'"></layer>';
|
||
ifrm.style.left = css.left;
|
||
ifrm.style.top = css.top;
|
||
}
|
||
else
|
||
}
|
||
}
|
||
function tt_HideInit()
|
||
{
|
||
if(tt_iState)
|
||
{
|
||
tt_ExtCallFncs(0, "HideInit");
|
||
tt_iState &= ~(0x4 | 0x8);
|
||
if(tt_flagOpa && tt_aV[FADEOUT])
|
||
{
|
||
tt_tFade.EndTimer();
|
||
if(tt_opa)
|
||
{
|
||
var n = Math.round(tt_aV[FADEOUT] / (tt_aV[FADEINTERVAL] * (tt_aV[OPACITY] / tt_opa)));
|
||
tt_Fade(tt_opa, tt_opa, 0, n);
|
||
return;
|
||
}
|
||
}
|
||
tt_tHide.Timer("tt_Hide();", 1, false);
|
||
}
|
||
}
|
||
function tt_Hide()
|
||
{
|
||
if(tt_db && tt_iState)
|
||
{
|
||
tt_OpReHref();
|
||
if(tt_iState & 0x2)
|
||
{
|
||
tt_aElt[0].style.visibility = "hidden";
|
||
tt_ExtCallFncs(0, "Hide");
|
||
}
|
||
tt_tShow.EndTimer();
|
||
tt_tHide.EndTimer();
|
||
tt_tDurt.EndTimer();
|
||
tt_tFade.EndTimer();
|
||
if(!tt_op && !tt_ie)
|
||
{
|
||
t_optx = tt_n6? '-moz-opacity:0.85;' : tt_ie? 'filter:Alpha(opacity=85);' : 'opacity:0.85;';
|
||
t_y += '<div id="'+t_id+'R" style="position:absolute;background:'+t_shc+';left:'+t_w+'px;top:'+t_spct+'px;width:'+t_shw+'px;height:1px;overflow:hidden;'+t_optx+'"></div>' +
|
||
'<div style="position:relative;background:'+t_shc+';left:'+t_spct+'px;top:0px;width:'+(t_w-t_spct)+'px;height:'+t_shw+'px;overflow:hidden;'+t_optx+'"></div>';
|
||
tt_tWaitMov.EndTimer();
|
||
tt_bWait = false;
|
||
}
|
||
if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
|
||
tt_RemEvtFnc(document, "mouseup", tt_OnLClick);
|
||
tt_ExtCallFncs(0, "Kill");
|
||
// In case of a TagToTip tip, hide converted DOM node and
|
||
// re-insert it into DOM
|
||
if(tt_t2t && !tt_aV[COPYCONTENT])
|
||
tt_UnEl2Tip();
|
||
tt_iState = 0;
|
||
tt_over = null;
|
||
tt_ResetMainDiv();
|
||
if(tt_aElt[tt_aElt.length - 1])
|
||
tt_aElt[tt_aElt.length - 1].style.display = "none";
|
||
}
|
||
return(t_y+'</div>' +
|
||
(tt_ie6 ? '<iframe id="TTiEiFrM" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>' : ''));
|
||
}
|
||
function tt_EvX(t_e)
|
||
function tt_GetElt(id)
|
||
{
|
||
return(document.getElementById ? document.getElementById(id)
|
||
: document.all ? document.all[id]
|
||
: null);
|
||
}
|
||
function tt_GetDivW(el)
|
||
{
|
||
return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
|
||
}
|
||
function tt_GetDivH(el)
|
||
{
|
||
return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
|
||
}
|
||
function tt_GetScrollX()
|
||
{
|
||
return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
|
||
}
|
||
function tt_GetScrollY()
|
||
{
|
||
return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
|
||
}
|
||
function tt_GetClientW()
|
||
{
|
||
return tt_GetWndCliSiz("Width");
|
||
}
|
||
function tt_GetClientH()
|
||
{
|
||
return tt_GetWndCliSiz("Height");
|
||
}
|
||
function tt_GetEvtX(e)
|
||
{
|
||
return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_GetScrollX())) : 0);
|
||
}
|
||
function tt_GetEvtY(e)
|
||
{
|
||
return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_GetScrollY())) : 0);
|
||
}
|
||
function tt_AddEvtFnc(el, sEvt, PFnc)
|
||
{
|
||
if(el)
|
||
{
|
||
if(el.addEventListener)
|
||
el.addEventListener(sEvt, PFnc, false);
|
||
else
|
||
el.attachEvent("on" + sEvt, PFnc);
|
||
}
|
||
}
|
||
function tt_RemEvtFnc(el, sEvt, PFnc)
|
||
{
|
||
if(el)
|
||
{
|
||
if(el.removeEventListener)
|
||
el.removeEventListener(sEvt, PFnc, false);
|
||
else
|
||
el.detachEvent("on" + sEvt, PFnc);
|
||
}
|
||
}
|
||
function tt_GetDad(el)
|
||
{
|
||
return(el.parentNode || el.parentElement || el.offsetParent);
|
||
}
|
||
function tt_MovDomNode(el, dadFrom, dadTo)
|
||
{
|
||
if(dadFrom)
|
||
dadFrom.removeChild(el);
|
||
if(dadTo)
|
||
dadTo.appendChild(el);
|
||
}
|
||
|
||
//====================== PRIVATE ===========================================//
|
||
var tt_aExt = new Array(), // Array of extension objects
|
||
|
||
tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld, // Browser flags
|
||
tt_body,
|
||
tt_ovr_, // HTML element the mouse is currently over
|
||
tt_flagOpa, // Opacity support: 1=IE, 2=Khtml, 3=KHTML, 4=Moz, 5=W3C
|
||
tt_maxPosX, tt_maxPosY,
|
||
tt_iState = 0, // Tooltip active |= 1, shown |= 2, move with mouse |= 4, exclusive |= 8
|
||
tt_opa, // Currently applied opacity
|
||
tt_bJmpVert, tt_bJmpHorz,// Tip temporarily on other side of mouse
|
||
tt_elDeHref, // The tag from which we've removed the href attribute
|
||
// Timer
|
||
tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
|
||
tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
|
||
tt_bWait = false,
|
||
tt_u = "undefined";
|
||
|
||
|
||
function tt_Init()
|
||
{
|
||
tt_MkCmdEnum();
|
||
// Send old browsers instantly to hell
|
||
if(!tt_Browser() || !tt_MkMainDiv())
|
||
return;
|
||
tt_IsW3cBox();
|
||
tt_OpaSupport();
|
||
tt_AddEvtFnc(document, "mousemove", tt_Move);
|
||
// In Debug mode we search for TagToTip() calls in order to notify
|
||
// the user if they've forgotten to set the TagsToTip config flag
|
||
if(TagsToTip || tt_Debug)
|
||
tt_SetOnloadFnc();
|
||
// Ensure the tip be hidden when the page unloads
|
||
tt_AddEvtFnc(window, "unload", tt_Hide);
|
||
}
|
||
// Creates command names by translating config variable names to upper case
|
||
function tt_MkCmdEnum()
|
||
{
|
||
var t_y = tt_Int(t_e.pageX || t_e.clientX || 0) +
|
||
tt_Int(tt_ie? tt_db.scrollLeft : 0) +
|
||
tt_offX;
|
||
if(t_y > xlim) t_y = xlim;
|
||
var t_scr = tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0);
|
||
if(t_y < t_scr) t_y = t_scr;
|
||
return t_y;
|
||
var n = 0;
|
||
for(var i in config)
|
||
eval("window." + i.toString().toUpperCase() + " = " + n++);
|
||
tt_aV.length = n;
|
||
}
|
||
function tt_EvY(t_e)
|
||
function tt_Browser()
|
||
{
|
||
var t_y = tt_Int(t_e.pageY || t_e.clientY || 0) +
|
||
tt_Int(tt_ie? tt_db.scrollTop : 0);
|
||
if(tt_sup) t_y -= (tt_objH + tt_offY - 15);
|
||
else if(t_y > ylim || !tt_sub && t_y > ylim-24)
|
||
var n, nv, n6, w3c;
|
||
|
||
n = navigator.userAgent.toLowerCase(),
|
||
nv = navigator.appVersion;
|
||
tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
|
||
tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
|
||
if(tt_ie)
|
||
{
|
||
t_y -= (tt_objH + 5);
|
||
tt_sub = false;
|
||
var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
|
||
tt_db = !ieOld ? document.documentElement : (document.body || null);
|
||
if(tt_db)
|
||
tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
|
||
&& typeof document.body.style.maxHeight == tt_u;
|
||
}
|
||
else
|
||
{
|
||
t_y += tt_offY;
|
||
tt_sub = true;
|
||
tt_db = document.documentElement || document.body ||
|
||
(document.getElementsByTagName ? document.getElementsByTagName("body")[0]
|
||
: null);
|
||
if(!tt_op)
|
||
{
|
||
n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
|
||
w3c = !n6 && document.getElementById;
|
||
}
|
||
}
|
||
tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
|
||
: (document.body || null));
|
||
if(tt_ie || n6 || tt_op || w3c)
|
||
{
|
||
if(tt_body && tt_db)
|
||
{
|
||
if(document.attachEvent || document.addEventListener)
|
||
return true;
|
||
}
|
||
else
|
||
tt_Err("wz_tooltip.js must be included INSIDE the body section,"
|
||
+ " immediately after the opening <body> tag.", false);
|
||
}
|
||
return t_y;
|
||
tt_db = null;
|
||
return false;
|
||
}
|
||
function tt_MkMainDiv()
|
||
{
|
||
// Create the tooltip DIV
|
||
if(tt_body.insertAdjacentHTML)
|
||
tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
|
||
else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
|
||
tt_body.appendChild(tt_MkMainDivDom());
|
||
if(window.tt_GetMainDivRefs /* FireFox Alzheimer */ && tt_GetMainDivRefs())
|
||
return true;
|
||
tt_db = null;
|
||
return false;
|
||
}
|
||
function tt_MkMainDivHtm()
|
||
{
|
||
return(
|
||
'<div id="WzTtDiV"></div>' +
|
||
(tt_ie56 ? ('<iframe id="WzTtIfRm" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>')
|
||
: '')
|
||
);
|
||
}
|
||
function tt_ReleasMov()
|
||
function tt_MkMainDivDom()
|
||
{
|
||
if(document.onmousemove == tt_Move)
|
||
var el = document.createElement("div");
|
||
if(el)
|
||
el.id = "WzTtDiV";
|
||
return el;
|
||
}
|
||
function tt_GetMainDivRefs()
|
||
{
|
||
tt_aElt[0] = tt_GetElt("WzTtDiV");
|
||
if(tt_ie56 && tt_aElt[0])
|
||
{
|
||
if(!tt_mf && document.releaseEvents) document.releaseEvents(Event.MOUSEMOVE);
|
||
document.onmousemove = tt_mf;
|
||
tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
|
||
if(!tt_aElt[tt_aElt.length - 1])
|
||
tt_aElt[0] = null;
|
||
}
|
||
if(tt_aElt[0])
|
||
{
|
||
var css = tt_aElt[0].style;
|
||
|
||
css.visibility = "hidden";
|
||
css.position = "absolute";
|
||
css.overflow = "hidden";
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
function tt_ResetMainDiv()
|
||
{
|
||
tt_SetTipPos(0, 0);
|
||
tt_aElt[0].innerHTML = "";
|
||
tt_aElt[0].style.width = "0px";
|
||
tt_h = 0;
|
||
}
|
||
function tt_IsW3cBox()
|
||
{
|
||
var css = tt_aElt[0].style;
|
||
|
||
css.padding = "10px";
|
||
css.width = "40px";
|
||
tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
|
||
css.padding = "0px";
|
||
tt_ResetMainDiv();
|
||
}
|
||
function tt_ShowIfrm(t_x)
|
||
function tt_OpaSupport()
|
||
{
|
||
if(!tt_obj || !tt_ifrm) return;
|
||
if(t_x)
|
||
var css = tt_body.style;
|
||
|
||
tt_flagOpa = (typeof(css.KhtmlOpacity) != tt_u) ? 2
|
||
: (typeof(css.KHTMLOpacity) != tt_u) ? 3
|
||
: (typeof(css.MozOpacity) != tt_u) ? 4
|
||
: (typeof(css.opacity) != tt_u) ? 5
|
||
: (typeof(css.filter) != tt_u) ? 1
|
||
: 0;
|
||
}
|
||
// Ported from http://dean.edwards.name/weblog/2006/06/again/
|
||
// (Dean Edwards et al.)
|
||
function tt_SetOnloadFnc()
|
||
{
|
||
tt_AddEvtFnc(document, "DOMContentLoaded", tt_HideSrcTags);
|
||
tt_AddEvtFnc(window, "load", tt_HideSrcTags);
|
||
if(tt_body.attachEvent)
|
||
tt_body.attachEvent("onreadystatechange",
|
||
function() {
|
||
if(tt_body.readyState == "complete")
|
||
tt_HideSrcTags();
|
||
} );
|
||
if(/WebKit|KHTML/i.test(navigator.userAgent))
|
||
{
|
||
tt_ifrm.style.width = tt_objW+'px';
|
||
tt_ifrm.style.height = tt_objH+'px';
|
||
tt_ifrm.style.display = "block";
|
||
var t = setInterval(function() {
|
||
if(/loaded|complete/.test(document.readyState))
|
||
{
|
||
clearInterval(t);
|
||
tt_HideSrcTags();
|
||
}
|
||
}, 10);
|
||
}
|
||
else tt_ifrm.style.display = "none";
|
||
}
|
||
function tt_GetDiv(t_id)
|
||
function tt_HideSrcTags()
|
||
{
|
||
return(
|
||
tt_n4? (document.layers[t_id] || null)
|
||
: tt_ie? (document.all[t_id] || null)
|
||
: (document.getElementById(t_id) || null)
|
||
);
|
||
if(!window.tt_HideSrcTags || window.tt_HideSrcTags.done)
|
||
return;
|
||
window.tt_HideSrcTags.done = true;
|
||
if(!tt_HideSrcTagsRecurs(tt_body))
|
||
tt_Err("There are HTML elements to be converted to tooltips.\nIf you"
|
||
+ " want these HTML elements to be automatically hidden, you"
|
||
+ " must edit wz_tooltip.js, and set TagsToTip in the global"
|
||
+ " tooltip configuration to true.", true);
|
||
}
|
||
function tt_GetDivW()
|
||
function tt_HideSrcTagsRecurs(dad)
|
||
{
|
||
return tt_Int(
|
||
tt_n4? tt_obj.clip.width
|
||
: (tt_obj.style.pixelWidth || tt_obj.offsetWidth)
|
||
);
|
||
var ovr, asT2t;
|
||
// Walk the DOM tree for tags that have an onmouseover or onclick attribute
|
||
// containing a TagToTip('...') call.
|
||
// (.childNodes first since .children is bugous in Safari)
|
||
var a = dad.childNodes || dad.children || null;
|
||
|
||
for(var i = a ? a.length : 0; i;)
|
||
{--i;
|
||
if(!tt_HideSrcTagsRecurs(a[i]))
|
||
return false;
|
||
ovr = a[i].getAttribute ? (a[i].getAttribute("onmouseover") || a[i].getAttribute("onclick"))
|
||
: (typeof a[i].onmouseover == "function") ? (a[i].onmouseover || a[i].onclick)
|
||
: null;
|
||
if(ovr)
|
||
{
|
||
asT2t = ovr.toString().match(/TagToTip\s*\(\s*'[^'.]+'\s*[\),]/);
|
||
if(asT2t && asT2t.length)
|
||
{
|
||
if(!tt_HideSrcTag(asT2t[0]))
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
return true;
|
||
}
|
||
function tt_GetDivH()
|
||
function tt_HideSrcTag(sT2t)
|
||
{
|
||
return tt_Int(
|
||
tt_n4? tt_obj.clip.height
|
||
: (tt_obj.style.pixelHeight || tt_obj.offsetHeight)
|
||
);
|
||
var id, el;
|
||
|
||
// The ID passed to the found TagToTip() call identifies an HTML element
|
||
// to be converted to a tooltip, so hide that element
|
||
id = sT2t.replace(/.+'([^'.]+)'.+/, "$1");
|
||
el = tt_GetElt(id);
|
||
if(el)
|
||
{
|
||
if(tt_Debug && !TagsToTip)
|
||
return false;
|
||
else
|
||
el.style.display = "none";
|
||
}
|
||
else
|
||
tt_Err("Invalid ID\n'" + id + "'\npassed to TagToTip()."
|
||
+ " There exists no HTML element with that ID.", true);
|
||
return true;
|
||
}
|
||
function tt_Tip(arg, t2t)
|
||
{
|
||
if(!tt_db || (tt_iState & 0x8))
|
||
return;
|
||
if(tt_iState)
|
||
tt_Hide();
|
||
if(!tt_Enabled)
|
||
return;
|
||
tt_t2t = t2t;
|
||
if(!tt_ReadCmds(arg))
|
||
return;
|
||
tt_iState = 0x1 | 0x4;
|
||
tt_AdaptConfig1();
|
||
tt_MkTipContent(arg);
|
||
tt_MkTipSubDivs();
|
||
tt_FormatTip();
|
||
tt_bJmpVert = false;
|
||
tt_bJmpHorz = false;
|
||
tt_maxPosX = tt_GetClientW() + tt_GetScrollX() - tt_w - 1;
|
||
tt_maxPosY = tt_GetClientH() + tt_GetScrollY() - tt_h - 1;
|
||
tt_AdaptConfig2();
|
||
// Ensure the tip be shown and positioned before the first onmousemove
|
||
tt_OverInit();
|
||
tt_ShowInit();
|
||
tt_Move();
|
||
}
|
||
function tt_ReadCmds(a)
|
||
{
|
||
var i;
|
||
|
||
// Compat with DragDrop Lib: Ensure that z-index of tooltip is lifted beyond toplevel dragdrop element
|
||
function tt_SetDivZ()
|
||
// First load the global config values, to initialize also values
|
||
// for which no command is passed
|
||
i = 0;
|
||
for(var j in config)
|
||
tt_aV[i++] = config[j];
|
||
// Then replace each cached config value for which a command is
|
||
// passed (ensure the # of command args plus value args be even)
|
||
if(a.length & 1)
|
||
{
|
||
for(i = a.length - 1; i > 0; i -= 2)
|
||
tt_aV[a[i - 1]] = a[i];
|
||
return true;
|
||
}
|
||
tt_Err("Incorrect call of Tip() or TagToTip().\n"
|
||
+ "Each command must be followed by a value.", true);
|
||
return false;
|
||
}
|
||
function tt_AdaptConfig1()
|
||
{
|
||
var t_i = tt_obj.style || tt_obj;
|
||
if(t_i)
|
||
tt_ExtCallFncs(0, "LoadConfig");
|
||
// Inherit unspecified title formattings from body
|
||
if(!tt_aV[TITLEBGCOLOR].length)
|
||
tt_aV[TITLEBGCOLOR] = tt_aV[BORDERCOLOR];
|
||
if(!tt_aV[TITLEFONTCOLOR].length)
|
||
tt_aV[TITLEFONTCOLOR] = tt_aV[BGCOLOR];
|
||
if(!tt_aV[TITLEFONTFACE].length)
|
||
tt_aV[TITLEFONTFACE] = tt_aV[FONTFACE];
|
||
if(!tt_aV[TITLEFONTSIZE].length)
|
||
tt_aV[TITLEFONTSIZE] = tt_aV[FONTSIZE];
|
||
if(tt_aV[CLOSEBTN])
|
||
{
|
||
if(window.dd && dd.z)
|
||
t_i.zIndex = Math.max(dd.z+1, t_i.zIndex);
|
||
if(tt_ifrm) tt_ifrm.style.zIndex = t_i.zIndex-1;
|
||
// Use title colours for non-specified closebutton colours
|
||
if(!tt_aV[CLOSEBTNCOLORS])
|
||
tt_aV[CLOSEBTNCOLORS] = new Array("", "", "", "");
|
||
for(var i = 4; i;)
|
||
{--i;
|
||
if(!tt_aV[CLOSEBTNCOLORS][i].length)
|
||
tt_aV[CLOSEBTNCOLORS][i] = (i & 1) ? tt_aV[TITLEFONTCOLOR] : tt_aV[TITLEBGCOLOR];
|
||
}
|
||
// Enforce titlebar be shown
|
||
if(!tt_aV[TITLE].length)
|
||
tt_aV[TITLE] = " ";
|
||
}
|
||
// Circumvents broken display of images and fade-in flicker in Geckos < 1.8
|
||
if(tt_aV[OPACITY] == 100 && typeof tt_aElt[0].style.MozOpacity != tt_u && !Array.every)
|
||
tt_aV[OPACITY] = 99;
|
||
// Smartly shorten the delay for fade-in tooltips
|
||
if(tt_aV[FADEIN] && tt_flagOpa && tt_aV[DELAY] > 100)
|
||
tt_aV[DELAY] = Math.max(tt_aV[DELAY] - tt_aV[FADEIN], 100);
|
||
}
|
||
function tt_SetDivPos(t_x, t_y)
|
||
function tt_AdaptConfig2()
|
||
{
|
||
var t_i = tt_obj.style || tt_obj;
|
||
var t_px = (tt_op6 || tt_n4)? '' : 'px';
|
||
t_i.left = (tt_objX = t_x) + t_px;
|
||
t_i.top = (tt_objY = t_y) + t_px;
|
||
if(tt_ifrm)
|
||
if(tt_aV[CENTERMOUSE])
|
||
{
|
||
tt_ifrm.style.left = t_i.left;
|
||
tt_ifrm.style.top = t_i.top;
|
||
tt_aV[OFFSETX] -= ((tt_w - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0)) >> 1);
|
||
tt_aV[JUMPHORZ] = false;
|
||
}
|
||
}
|
||
function tt_ShowDiv(t_x)
|
||
// Expose content globally so extensions can modify it
|
||
function tt_MkTipContent(a)
|
||
{
|
||
tt_ShowIfrm(t_x);
|
||
if(tt_n4) tt_obj.visibility = t_x? 'show' : 'hide';
|
||
else tt_obj.style.visibility = t_x? 'visible' : 'hidden';
|
||
tt_act = t_x;
|
||
if(tt_t2t)
|
||
{
|
||
if(tt_aV[COPYCONTENT])
|
||
tt_sContent = tt_t2t.innerHTML;
|
||
else
|
||
tt_sContent = "";
|
||
}
|
||
else
|
||
tt_sContent = a[0];
|
||
tt_ExtCallFncs(0, "CreateContentString");
|
||
}
|
||
function tt_MkTipSubDivs()
|
||
{
|
||
var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
|
||
sTbTrTd = ' cellspacing="0" cellpadding="0" border="0" style="' + sCss + '"><tbody style="' + sCss + '"><tr><td ';
|
||
|
||
tt_aElt[0].style.width = tt_GetClientW() + "px";
|
||
tt_aElt[0].innerHTML =
|
||
(''
|
||
+ (tt_aV[TITLE].length ?
|
||
('<div id="WzTiTl" style="position:relative;z-index:1;">'
|
||
+ '<table id="WzTiTlTb"' + sTbTrTd + 'id="WzTiTlI" style="' + sCss + '">'
|
||
+ tt_aV[TITLE]
|
||
+ '</td>'
|
||
+ (tt_aV[CLOSEBTN] ?
|
||
('<td align="right" style="' + sCss
|
||
+ 'text-align:right;">'
|
||
+ '<span id="WzClOsE" style="position:relative;left:2px;padding-left:2px;padding-right:2px;'
|
||
+ 'cursor:' + (tt_ie ? 'hand' : 'pointer')
|
||
+ ';" onmouseover="tt_OnCloseBtnOver(1)" onmouseout="tt_OnCloseBtnOver(0)" onclick="tt_HideInit()">'
|
||
+ tt_aV[CLOSEBTNTEXT]
|
||
+ '</span></td>')
|
||
: '')
|
||
+ '</tr></tbody></table></div>')
|
||
: '')
|
||
+ '<div id="WzBoDy" style="position:relative;z-index:0;">'
|
||
+ '<table' + sTbTrTd + 'id="WzBoDyI" style="' + sCss + '">'
|
||
+ tt_sContent
|
||
+ '</td></tr></tbody></table></div>'
|
||
+ (tt_aV[SHADOW]
|
||
? ('<div id="WzTtShDwR" style="position:absolute;overflow:hidden;"></div>'
|
||
+ '<div id="WzTtShDwB" style="position:relative;overflow:hidden;"></div>')
|
||
: '')
|
||
);
|
||
tt_GetSubDivRefs();
|
||
// Convert DOM node to tip
|
||
if(tt_t2t && !tt_aV[COPYCONTENT])
|
||
tt_El2Tip();
|
||
tt_ExtCallFncs(0, "SubDivsCreated");
|
||
}
|
||
function tt_GetSubDivRefs()
|
||
{
|
||
var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");
|
||
|
||
for(var i = aId.length; i; --i)
|
||
tt_aElt[i] = tt_GetElt(aId[i - 1]);
|
||
}
|
||
function tt_OpDeHref(t_e)
|
||
function tt_FormatTip()
|
||
{
|
||
var t_tag;
|
||
if(t_e)
|
||
var css, w, h, pad = tt_aV[PADDING], padT, wBrd = tt_aV[BORDERWIDTH],
|
||
iOffY, iOffSh, iAdd = (pad + wBrd) << 1;
|
||
|
||
//--------- Title DIV ----------
|
||
if(tt_aV[TITLE].length)
|
||
{
|
||
t_tag = t_e.target;
|
||
while(t_tag)
|
||
padT = tt_aV[TITLEPADDING];
|
||
css = tt_aElt[1].style;
|
||
css.background = tt_aV[TITLEBGCOLOR];
|
||
css.paddingTop = css.paddingBottom = padT + "px";
|
||
css.paddingLeft = css.paddingRight = (padT + 2) + "px";
|
||
css = tt_aElt[3].style;
|
||
css.color = tt_aV[TITLEFONTCOLOR];
|
||
if(tt_aV[WIDTH] == -1)
|
||
css.whiteSpace = "nowrap";
|
||
css.fontFamily = tt_aV[TITLEFONTFACE];
|
||
css.fontSize = tt_aV[TITLEFONTSIZE];
|
||
css.fontWeight = "bold";
|
||
css.textAlign = tt_aV[TITLEALIGN];
|
||
// Close button DIV
|
||
if(tt_aElt[4])
|
||
{
|
||
if(t_tag.hasAttribute("href"))
|
||
{
|
||
tt_tag = t_tag
|
||
tt_tag.t_href = tt_tag.getAttribute("href");
|
||
tt_tag.removeAttribute("href");
|
||
tt_tag.style.cursor = "hand";
|
||
tt_tag.onmousedown = tt_OpReHref;
|
||
tt_tag.stats = window.status;
|
||
window.status = tt_tag.t_href;
|
||
break;
|
||
}
|
||
t_tag = t_tag.parentElement;
|
||
css = tt_aElt[4].style;
|
||
css.background = tt_aV[CLOSEBTNCOLORS][0];
|
||
css.color = tt_aV[CLOSEBTNCOLORS][1];
|
||
css.fontFamily = tt_aV[TITLEFONTFACE];
|
||
css.fontSize = tt_aV[TITLEFONTSIZE];
|
||
css.fontWeight = "bold";
|
||
}
|
||
if(tt_aV[WIDTH] > 0)
|
||
tt_w = tt_aV[WIDTH];
|
||
else
|
||
{
|
||
tt_w = tt_GetDivW(tt_aElt[3]) + tt_GetDivW(tt_aElt[4]);
|
||
// Some spacing between title DIV and closebutton
|
||
if(tt_aElt[4])
|
||
tt_w += pad;
|
||
// Restrict auto width to max width
|
||
if(tt_aV[WIDTH] < -1 && tt_w > -tt_aV[WIDTH])
|
||
tt_w = -tt_aV[WIDTH];
|
||
}
|
||
// Ensure the top border of the body DIV be covered by the title DIV
|
||
iOffY = -wBrd;
|
||
}
|
||
else
|
||
{
|
||
tt_w = 0;
|
||
iOffY = 0;
|
||
}
|
||
|
||
//-------- Body DIV ------------
|
||
css = tt_aElt[5].style;
|
||
css.top = iOffY + "px";
|
||
if(wBrd)
|
||
{
|
||
css.borderColor = tt_aV[BORDERCOLOR];
|
||
css.borderStyle = tt_aV[BORDERSTYLE];
|
||
css.borderWidth = wBrd + "px";
|
||
}
|
||
if(tt_aV[BGCOLOR].length)
|
||
css.background = tt_aV[BGCOLOR];
|
||
if(tt_aV[BGIMG].length)
|
||
css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
|
||
css.padding = pad + "px";
|
||
css.textAlign = tt_aV[TEXTALIGN];
|
||
if(tt_aV[HEIGHT])
|
||
{
|
||
css.overflow = "auto";
|
||
if(tt_aV[HEIGHT] > 0)
|
||
css.height = (tt_aV[HEIGHT] + iAdd) + "px";
|
||
else
|
||
tt_h = iAdd - tt_aV[HEIGHT];
|
||
}
|
||
// TD inside body DIV
|
||
css = tt_aElt[6].style;
|
||
css.color = tt_aV[FONTCOLOR];
|
||
css.fontFamily = tt_aV[FONTFACE];
|
||
css.fontSize = tt_aV[FONTSIZE];
|
||
css.fontWeight = tt_aV[FONTWEIGHT];
|
||
css.textAlign = tt_aV[TEXTALIGN];
|
||
if(tt_aV[WIDTH] > 0)
|
||
w = tt_aV[WIDTH];
|
||
// Width like title (if existent)
|
||
else if(tt_aV[WIDTH] == -1 && tt_w)
|
||
w = tt_w;
|
||
else
|
||
{
|
||
// Measure width of the body's inner TD, as some browsers would expand
|
||
// the container and outer body DIV to 100%
|
||
w = tt_GetDivW(tt_aElt[6]);
|
||
// Restrict auto width to max width
|
||
if(tt_aV[WIDTH] < -1 && w > -tt_aV[WIDTH])
|
||
w = -tt_aV[WIDTH];
|
||
}
|
||
if(w > tt_w)
|
||
tt_w = w;
|
||
tt_w += iAdd;
|
||
|
||
//--------- Shadow DIVs ------------
|
||
if(tt_aV[SHADOW])
|
||
{
|
||
tt_w += tt_aV[SHADOWWIDTH];
|
||
iOffSh = Math.floor((tt_aV[SHADOWWIDTH] * 4) / 3);
|
||
// Bottom shadow
|
||
css = tt_aElt[7].style;
|
||
css.top = iOffY + "px";
|
||
css.left = iOffSh + "px";
|
||
css.width = (tt_w - iOffSh - tt_aV[SHADOWWIDTH]) + "px";
|
||
css.height = tt_aV[SHADOWWIDTH] + "px";
|
||
css.background = tt_aV[SHADOWCOLOR];
|
||
// Right shadow
|
||
css = tt_aElt[8].style;
|
||
css.top = iOffSh + "px";
|
||
css.left = (tt_w - tt_aV[SHADOWWIDTH]) + "px";
|
||
css.width = tt_aV[SHADOWWIDTH] + "px";
|
||
css.background = tt_aV[SHADOWCOLOR];
|
||
}
|
||
else
|
||
iOffSh = 0;
|
||
|
||
//-------- Container DIV -------
|
||
tt_SetTipOpa(tt_aV[FADEIN] ? 0 : tt_aV[OPACITY]);
|
||
tt_FixSize(iOffY, iOffSh);
|
||
}
|
||
// Fixate the size so it can't dynamically change while the tooltip is moving.
|
||
function tt_FixSize(iOffY, iOffSh)
|
||
{
|
||
var wIn, wOut, h, add, pad = tt_aV[PADDING], wBrd = tt_aV[BORDERWIDTH], i;
|
||
|
||
tt_aElt[0].style.width = tt_w + "px";
|
||
tt_aElt[0].style.pixelWidth = tt_w;
|
||
wOut = tt_w - ((tt_aV[SHADOW]) ? tt_aV[SHADOWWIDTH] : 0);
|
||
// Body
|
||
wIn = wOut;
|
||
if(!tt_bBoxOld)
|
||
wIn -= (pad + wBrd) << 1;
|
||
tt_aElt[5].style.width = wIn + "px";
|
||
// Title
|
||
if(tt_aElt[1])
|
||
{
|
||
wIn = wOut - ((tt_aV[TITLEPADDING] + 2) << 1);
|
||
if(!tt_bBoxOld)
|
||
wOut = wIn;
|
||
tt_aElt[1].style.width = wOut + "px";
|
||
tt_aElt[2].style.width = wIn + "px";
|
||
}
|
||
// Max height specified
|
||
if(tt_h)
|
||
{
|
||
h = tt_GetDivH(tt_aElt[5]);
|
||
if(h > tt_h)
|
||
{
|
||
if(!tt_bBoxOld)
|
||
tt_h -= (pad + wBrd) << 1;
|
||
tt_aElt[5].style.height = tt_h + "px";
|
||
}
|
||
}
|
||
tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
|
||
// Right shadow
|
||
if(tt_aElt[8])
|
||
tt_aElt[8].style.height = (tt_h - iOffSh) + "px";
|
||
i = tt_aElt.length - 1;
|
||
if(tt_aElt[i])
|
||
{
|
||
tt_aElt[i].style.width = tt_w + "px";
|
||
tt_aElt[i].style.height = tt_h + "px";
|
||
}
|
||
}
|
||
function tt_DeAlt(el)
|
||
{
|
||
var aKid;
|
||
|
||
if(el)
|
||
{
|
||
if(el.alt)
|
||
el.alt = "";
|
||
if(el.title)
|
||
el.title = "";
|
||
aKid = el.childNodes || el.children || null;
|
||
if(aKid)
|
||
{
|
||
for(var i = aKid.length; i;)
|
||
tt_DeAlt(aKid[--i]);
|
||
}
|
||
}
|
||
}
|
||
// This hack removes the native tooltips over links in Opera
|
||
function tt_OpDeHref(el)
|
||
{
|
||
if(!tt_op)
|
||
return;
|
||
if(tt_elDeHref)
|
||
tt_OpReHref();
|
||
while(el)
|
||
{
|
||
if(el.hasAttribute && el.hasAttribute("href"))
|
||
{
|
||
el.t_href = el.getAttribute("href");
|
||
el.t_stats = window.status;
|
||
el.removeAttribute("href");
|
||
el.style.cursor = "hand";
|
||
tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
|
||
window.status = el.t_href;
|
||
tt_elDeHref = el;
|
||
break;
|
||
}
|
||
el = tt_GetDad(el);
|
||
}
|
||
}
|
||
function tt_OpReHref()
|
||
{
|
||
if(tt_tag)
|
||
if(tt_elDeHref)
|
||
{
|
||
tt_tag.setAttribute("href", tt_tag.t_href);
|
||
window.status = tt_tag.stats;
|
||
tt_tag = null;
|
||
tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
|
||
tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
|
||
window.status = tt_elDeHref.t_stats;
|
||
tt_elDeHref = null;
|
||
}
|
||
}
|
||
function tt_Show(t_e, t_id, t_sup, t_delay, t_fix, t_left, t_offx, t_offy, t_static, t_sticky, t_temp)
|
||
function tt_El2Tip()
|
||
{
|
||
var css = tt_t2t.style;
|
||
|
||
// Store previous positioning
|
||
tt_t2t.t_cp = css.position;
|
||
tt_t2t.t_cl = css.left;
|
||
tt_t2t.t_ct = css.top;
|
||
tt_t2t.t_cd = css.display;
|
||
// Store the tag's parent element so we can restore that DOM branch
|
||
// when the tooltip is being hidden
|
||
tt_t2tDad = tt_GetDad(tt_t2t);
|
||
tt_MovDomNode(tt_t2t, tt_t2tDad, tt_aElt[6]);
|
||
css.display = "block";
|
||
css.position = "static";
|
||
css.left = css.top = css.marginLeft = css.marginTop = "0px";
|
||
}
|
||
function tt_UnEl2Tip()
|
||
{
|
||
// Restore positioning and display
|
||
var css = tt_t2t.style;
|
||
|
||
css.display = tt_t2t.t_cd;
|
||
tt_MovDomNode(tt_t2t, tt_GetDad(tt_t2t), tt_t2tDad);
|
||
css.position = tt_t2t.t_cp;
|
||
css.left = tt_t2t.t_cl;
|
||
css.top = tt_t2t.t_ct;
|
||
tt_t2tDad = null;
|
||
}
|
||
function tt_OverInit()
|
||
{
|
||
if(tt_obj) tt_Hide();
|
||
tt_mf = document.onmousemove || null;
|
||
if(window.dd && (window.DRAG && tt_mf == DRAG || window.RESIZE && tt_mf == RESIZE)) return;
|
||
var t_sh, t_h;
|
||
if(window.event)
|
||
tt_over = window.event.target || window.event.srcElement;
|
||
else
|
||
tt_over = tt_ovr_;
|
||
tt_DeAlt(tt_over);
|
||
tt_OpDeHref(tt_over);
|
||
}
|
||
function tt_ShowInit()
|
||
{
|
||
tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
|
||
if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
|
||
tt_AddEvtFnc(document, "mouseup", tt_OnLClick);
|
||
}
|
||
function tt_Show()
|
||
{
|
||
var css = tt_aElt[0].style;
|
||
|
||
tt_obj = tt_GetDiv(t_id);
|
||
if(tt_obj)
|
||
// Override the z-index of the topmost wz_dragdrop.js D&D item
|
||
css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
|
||
if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
|
||
tt_iState &= ~0x4;
|
||
if(tt_aV[EXCLUSIVE])
|
||
tt_iState |= 0x8;
|
||
if(tt_aV[DURATION] > 0)
|
||
tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
|
||
tt_ExtCallFncs(0, "Show")
|
||
css.visibility = "visible";
|
||
tt_iState |= 0x2;
|
||
if(tt_aV[FADEIN])
|
||
tt_Fade(0, 0, tt_aV[OPACITY], Math.round(tt_aV[FADEIN] / tt_aV[FADEINTERVAL]));
|
||
tt_ShowIfrm();
|
||
}
|
||
function tt_ShowIfrm()
|
||
{
|
||
if(tt_ie56)
|
||
{
|
||
t_e = t_e || window.event;
|
||
tt_sub = !(tt_sup = t_sup);
|
||
tt_sticky = t_sticky;
|
||
tt_objW = tt_GetDivW();
|
||
tt_objH = tt_GetDivH();
|
||
tt_offX = t_left? -(tt_objW+t_offx) : t_offx;
|
||
tt_offY = t_offy;
|
||
if(tt_op7) tt_OpDeHref(t_e);
|
||
if(tt_n4)
|
||
var ifrm = tt_aElt[tt_aElt.length - 1];
|
||
if(ifrm)
|
||
{
|
||
if(tt_obj.document.layers.length)
|
||
{
|
||
t_sh = tt_obj.document.layers[0];
|
||
t_sh.clip.height = tt_objH - Math.round(t_sh.clip.width*1.3);
|
||
}
|
||
var css = ifrm.style;
|
||
css.zIndex = tt_aElt[0].style.zIndex - 1;
|
||
css.display = "block";
|
||
}
|
||
}
|
||
}
|
||
function tt_Move(e)
|
||
{
|
||
if(e)
|
||
tt_ovr_ = e.target || e.srcElement;
|
||
e = e || window.event;
|
||
if(e)
|
||
{
|
||
tt_musX = tt_GetEvtX(e);
|
||
tt_musY = tt_GetEvtY(e);
|
||
}
|
||
if(tt_iState & 0x4)
|
||
{
|
||
// Prevent jam of mousemove events
|
||
if(!tt_op && !tt_ie)
|
||
{
|
||
if(tt_bWait)
|
||
return;
|
||
tt_bWait = true;
|
||
tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
|
||
}
|
||
if(tt_aV[FIX])
|
||
{
|
||
tt_iState &= ~0x4;
|
||
tt_PosFix();
|
||
}
|
||
else if(!tt_ExtCallFncs(e, "MoveBefore"))
|
||
tt_SetTipPos(tt_Pos(0), tt_Pos(1));
|
||
tt_ExtCallFncs([tt_musX, tt_musY], "MoveAfter")
|
||
}
|
||
}
|
||
function tt_Pos(iDim)
|
||
{
|
||
var iX, bJmpMod, cmdAlt, cmdOff, cx, iMax, iScrl, iMus, bJmp;
|
||
|
||
// Map values according to dimension to calculate
|
||
if(iDim)
|
||
{
|
||
bJmpMod = tt_aV[JUMPVERT];
|
||
cmdAlt = ABOVE;
|
||
cmdOff = OFFSETY;
|
||
cx = tt_h;
|
||
iMax = tt_maxPosY;
|
||
iScrl = tt_GetScrollY();
|
||
iMus = tt_musY;
|
||
bJmp = tt_bJmpVert;
|
||
}
|
||
else
|
||
{
|
||
bJmpMod = tt_aV[JUMPHORZ];
|
||
cmdAlt = LEFT;
|
||
cmdOff = OFFSETX;
|
||
cx = tt_w;
|
||
iMax = tt_maxPosX;
|
||
iScrl = tt_GetScrollX();
|
||
iMus = tt_musX;
|
||
bJmp = tt_bJmpHorz;
|
||
}
|
||
if(bJmpMod)
|
||
{
|
||
if(tt_aV[cmdAlt] && (!bJmp || tt_CalcPosAlt(iDim) >= iScrl + 16))
|
||
iX = tt_PosAlt(iDim);
|
||
else if(!tt_aV[cmdAlt] && bJmp && tt_CalcPosDef(iDim) > iMax - 16)
|
||
iX = tt_PosAlt(iDim);
|
||
else
|
||
iX = tt_PosDef(iDim);
|
||
}
|
||
else
|
||
{
|
||
iX = iMus;
|
||
if(tt_aV[cmdAlt])
|
||
iX -= cx + tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
|
||
else
|
||
iX += tt_aV[cmdOff];
|
||
}
|
||
// Prevent tip from extending past clientarea boundary
|
||
if(iX > iMax)
|
||
iX = bJmpMod ? tt_PosAlt(iDim) : iMax;
|
||
// In case of insufficient space on both sides, ensure the left/upper part
|
||
// of the tip be visible
|
||
if(iX < iScrl)
|
||
iX = bJmpMod ? tt_PosDef(iDim) : iScrl;
|
||
return iX;
|
||
}
|
||
function tt_PosDef(iDim)
|
||
{
|
||
if(iDim)
|
||
tt_bJmpVert = tt_aV[ABOVE];
|
||
else
|
||
tt_bJmpHorz = tt_aV[LEFT];
|
||
return tt_CalcPosDef(iDim);
|
||
}
|
||
function tt_PosAlt(iDim)
|
||
{
|
||
if(iDim)
|
||
tt_bJmpVert = !tt_aV[ABOVE];
|
||
else
|
||
tt_bJmpHorz = !tt_aV[LEFT];
|
||
return tt_CalcPosAlt(iDim);
|
||
}
|
||
function tt_CalcPosDef(iDim)
|
||
{
|
||
return iDim ? (tt_musY + tt_aV[OFFSETY]) : (tt_musX + tt_aV[OFFSETX]);
|
||
}
|
||
function tt_CalcPosAlt(iDim)
|
||
{
|
||
var cmdOff = iDim ? OFFSETY : OFFSETX;
|
||
var dx = tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
|
||
if(tt_aV[cmdOff] > 0 && dx <= 0)
|
||
dx = 1;
|
||
return((iDim ? (tt_musY - tt_h) : (tt_musX - tt_w)) - dx);
|
||
}
|
||
function tt_PosFix()
|
||
{
|
||
var iX, iY;
|
||
|
||
if(typeof(tt_aV[FIX][0]) == "number")
|
||
{
|
||
iX = tt_aV[FIX][0];
|
||
iY = tt_aV[FIX][1];
|
||
}
|
||
else
|
||
{
|
||
if(typeof(tt_aV[FIX][0]) == "string")
|
||
el = tt_GetElt(tt_aV[FIX][0]);
|
||
// First slot in array is direct reference to HTML element
|
||
else
|
||
el = tt_aV[FIX][0];
|
||
iX = tt_aV[FIX][1];
|
||
iY = tt_aV[FIX][2];
|
||
// By default, vert pos is related to bottom edge of HTML element
|
||
if(!tt_aV[ABOVE] && el)
|
||
iY += tt_GetDivH(el);
|
||
for(; el; el = el.offsetParent)
|
||
{
|
||
t_sh = tt_GetDiv(t_id+'R');
|
||
if(t_sh)
|
||
{
|
||
t_h = tt_objH - tt_Int(t_sh.style.pixelTop || t_sh.style.top || 0);
|
||
if(typeof t_sh.style.pixelHeight != tt_u) t_sh.style.pixelHeight = t_h;
|
||
else t_sh.style.height = t_h+'px';
|
||
}
|
||
iX += el.offsetLeft || 0;
|
||
iY += el.offsetTop || 0;
|
||
}
|
||
}
|
||
// For a fixed tip positioned above the mouse, use the bottom edge as anchor
|
||
// (recommended by Christophe Rebeschini, 31.1.2008)
|
||
if(tt_aV[ABOVE])
|
||
iY -= tt_h;
|
||
tt_SetTipPos(iX, iY);
|
||
}
|
||
function tt_Fade(a, now, z, n)
|
||
{
|
||
if(n)
|
||
{
|
||
now += Math.round((z - now) / n);
|
||
if((z > a) ? (now >= z) : (now <= z))
|
||
now = z;
|
||
else
|
||
tt_tFade.Timer(
|
||
"tt_Fade("
|
||
+ a + "," + now + "," + z + "," + (n - 1)
|
||
+ ")",
|
||
tt_aV[FADEINTERVAL],
|
||
true
|
||
);
|
||
}
|
||
now ? tt_SetTipOpa(now) : tt_Hide();
|
||
}
|
||
function tt_SetTipOpa(opa)
|
||
{
|
||
// To circumvent the opacity nesting flaws of IE, we set the opacity
|
||
// for each sub-DIV separately, rather than for the container DIV.
|
||
tt_SetOpa(tt_aElt[5], opa);
|
||
if(tt_aElt[1])
|
||
tt_SetOpa(tt_aElt[1], opa);
|
||
if(tt_aV[SHADOW])
|
||
{
|
||
opa = Math.round(opa * 0.8);
|
||
tt_SetOpa(tt_aElt[7], opa);
|
||
tt_SetOpa(tt_aElt[8], opa);
|
||
}
|
||
}
|
||
function tt_OnCloseBtnOver(iOver)
|
||
{
|
||
var css = tt_aElt[4].style;
|
||
|
||
xlim = tt_Int((tt_db && tt_db.clientWidth)? tt_db.clientWidth : window.innerWidth) +
|
||
tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0) -
|
||
tt_objW -
|
||
(tt_n4? 21 : 0);
|
||
ylim = tt_Int(window.innerHeight || tt_db.clientHeight) +
|
||
tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0) -
|
||
tt_objH - tt_offY;
|
||
|
||
tt_SetDivZ();
|
||
if(t_fix) tt_SetDivPos(tt_Int((t_fix = t_fix.split(','))[0]), tt_Int(t_fix[1]));
|
||
else tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));
|
||
|
||
var t_txt = 'tt_ShowDiv(\'true\');';
|
||
if(t_sticky) t_txt += '{'+
|
||
'tt_ReleasMov();'+
|
||
'window.tt_upFunc = document.onmouseup || null;'+
|
||
'if(document.captureEvents) document.captureEvents(Event.MOUSEUP);'+
|
||
'document.onmouseup = new Function("window.setTimeout(\'tt_Hide();\', 10);");'+
|
||
'}';
|
||
else if(t_static) t_txt += 'tt_ReleasMov();';
|
||
if(t_temp > 0) t_txt += 'window.tt_rtm = window.setTimeout(\'tt_sticky = false; tt_Hide();\','+t_temp+');';
|
||
window.tt_rdl = window.setTimeout(t_txt, t_delay);
|
||
|
||
if(!t_fix)
|
||
iOver <<= 1;
|
||
css.background = tt_aV[CLOSEBTNCOLORS][iOver];
|
||
css.color = tt_aV[CLOSEBTNCOLORS][iOver + 1];
|
||
}
|
||
function tt_OnLClick(e)
|
||
{
|
||
// Ignore right-clicks
|
||
e = e || window.event;
|
||
if(!((e.button && e.button & 2) || (e.which && e.which == 3)))
|
||
{
|
||
if(tt_aV[CLICKSTICKY] && (tt_iState & 0x4))
|
||
{
|
||
if(document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
|
||
document.onmousemove = tt_Move;
|
||
tt_aV[STICKY] = true;
|
||
tt_iState &= ~0x4;
|
||
}
|
||
else if(tt_aV[CLICKCLOSE])
|
||
tt_HideInit();
|
||
}
|
||
}
|
||
var tt_area = false;
|
||
function tt_Move(t_ev)
|
||
function tt_Int(x)
|
||
{
|
||
var y;
|
||
|
||
return(isNaN(y = parseInt(x)) ? 0 : y);
|
||
}
|
||
Number.prototype.Timer = function(s, iT, bUrge)
|
||
{
|
||
if(!this.value || bUrge)
|
||
this.value = window.setTimeout(s, iT);
|
||
}
|
||
Number.prototype.EndTimer = function()
|
||
{
|
||
if(!tt_obj) return;
|
||
if(tt_n6 || tt_w3c)
|
||
if(this.value)
|
||
{
|
||
if(tt_wait) return;
|
||
tt_wait = true;
|
||
setTimeout('tt_wait = false;', 5);
|
||
window.clearTimeout(this.value);
|
Auch abrufbar als: Unified diff
Update von wz_tooltip.js auf Version 5.31
in Vorbereitung auf Bankerweiterung
Anpassung des Formeltooltips an neue Syntax