|
1
|
/* This notice must be untouched at all times.
|
|
2
|
Copyright (c) 2002-2008 Walter Zorn. All rights reserved.
|
|
3
|
|
|
4
|
wz_tooltip.js v. 5.31
|
|
5
|
|
|
6
|
The latest version is available at
|
|
7
|
http://www.walterzorn.com
|
|
8
|
or http://www.devira.com
|
|
9
|
or http://www.walterzorn.de
|
|
10
|
|
|
11
|
Created 1.12.2002 by Walter Zorn (Web: http://www.walterzorn.com )
|
|
12
|
Last modified: 7.11.2008
|
|
13
|
|
|
14
|
Easy-to-use cross-browser tooltips.
|
|
15
|
Just include the script at the beginning of the <body> section, and invoke
|
|
16
|
Tip('Tooltip text') to show and UnTip() to hide the tooltip, from the desired
|
|
17
|
HTML eventhandlers. Example:
|
|
18
|
<a onmouseover="Tip('Some text')" onmouseout="UnTip()" href="index.htm">My home page</a>
|
|
19
|
No container DIV required.
|
|
20
|
By default, width and height of tooltips are automatically adapted to content.
|
|
21
|
Is even capable of dynamically converting arbitrary HTML elements to tooltips
|
|
22
|
by calling TagToTip('ID_of_HTML_element_to_be_converted') instead of Tip(),
|
|
23
|
which means you can put important, search-engine-relevant stuff into tooltips.
|
|
24
|
Appearance & behaviour of tooltips can be individually configured
|
|
25
|
via commands passed to Tip() or TagToTip().
|
|
26
|
|
|
27
|
Tab Width: 4
|
|
28
|
LICENSE: LGPL
|
|
29
|
|
|
30
|
This library is free software; you can redistribute it and/or
|
|
31
|
modify it under the terms of the GNU Lesser General Public
|
|
32
|
License (LGPL) as published by the Free Software Foundation; either
|
|
33
|
version 2.1 of the License, or (at your option) any later version.
|
|
34
|
|
|
35
|
This library is distributed in the hope that it will be useful,
|
|
36
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
37
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
|
|
38
|
|
|
39
|
For more details on the GNU Lesser General Public License,
|
|
40
|
see http://www.gnu.org/copyleft/lesser.html
|
|
41
|
*/
|
|
42
|
|
|
43
|
var config = new Object();
|
|
44
|
|
|
45
|
|
|
46
|
//=================== GLOBAL TOOLTIP CONFIGURATION =========================//
|
|
47
|
var tt_Debug = true // false or true - recommended: false once you release your page to the public
|
|
48
|
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
|
|
49
|
var TagsToTip = true // false or true - if true, HTML elements to be converted to tooltips via TagToTip() are automatically hidden;
|
|
50
|
// if false, you should hide those HTML elements yourself
|
|
51
|
|
|
52
|
// For each of the following config variables there exists a command, which is
|
|
53
|
// just the variablename in uppercase, to be passed to Tip() or TagToTip() to
|
|
54
|
// configure tooltips individually. Individual commands override global
|
|
55
|
// configuration. Order of commands is arbitrary.
|
|
56
|
// Example: onmouseover="Tip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"
|
|
57
|
|
|
58
|
config. Above = false // false or true - tooltip above mousepointer
|
|
59
|
config. BgColor = '#E2E7FF' // Background colour (HTML colour value, in quotes)
|
|
60
|
config. BgImg = '' // Path to background image, none if empty string ''
|
|
61
|
config. BorderColor = '#003099'
|
|
62
|
config. BorderStyle = 'solid' // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
|
|
63
|
config. BorderWidth = 1
|
|
64
|
config. CenterMouse = false // false or true - center the tip horizontally below (or above) the mousepointer
|
|
65
|
config. ClickClose = false // false or true - close tooltip if the user clicks somewhere
|
|
66
|
config. ClickSticky = false // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
|
|
67
|
config. CloseBtn = false // false or true - closebutton in titlebar
|
|
68
|
config. CloseBtnColors = ['#990000', '#FFFFFF', '#DD3333', '#FFFFFF'] // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
|
|
69
|
config. CloseBtnText = ' X ' // Close button text (may also be an image tag)
|
|
70
|
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
|
|
71
|
config. Delay = 400 // Time span in ms until tooltip shows up
|
|
72
|
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
|
|
73
|
config. Exclusive = false // false or true - no other tooltip can appear until the current one has actively been closed
|
|
74
|
config. FadeIn = 100 // Fade-in duration in ms, e.g. 400; 0 for no animation
|
|
75
|
config. FadeOut = 100
|
|
76
|
config. FadeInterval = 30 // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
|
|
77
|
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.
|
|
78
|
config. FollowMouse = true // false or true - tooltip follows the mouse
|
|
79
|
config. FontColor = '#000044'
|
|
80
|
config. FontFace = 'Verdana,Geneva,sans-serif'
|
|
81
|
config. FontSize = '8pt' // E.g. '9pt' or '12px' - unit is mandatory
|
|
82
|
config. FontWeight = 'normal' // 'normal' or 'bold';
|
|
83
|
config. Height = 0 // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
|
|
84
|
config. JumpHorz = false // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
|
|
85
|
config. JumpVert = true // false or true - jump vertically "
|
|
86
|
config. Left = false // false or true - tooltip on the left of the mouse
|
|
87
|
config. OffsetX = 14 // Horizontal offset of left-top corner from mousepointer
|
|
88
|
config. OffsetY = 8 // Vertical offset
|
|
89
|
config. Opacity = 100 // Integer between 0 and 100 - opacity of tooltip in percent
|
|
90
|
config. Padding = 3 // Spacing between border and content
|
|
91
|
config. Shadow = false // false or true
|
|
92
|
config. ShadowColor = '#C0C0C0'
|
|
93
|
config. ShadowWidth = 5
|
|
94
|
config. Sticky = false // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
|
|
95
|
config. TextAlign = 'left' // 'left', 'right' or 'justify'
|
|
96
|
config. Title = '' // Default title text applied to all tips (no default title: empty string '')
|
|
97
|
config. TitleAlign = 'left' // 'left' or 'right' - text alignment inside the title bar
|
|
98
|
config. TitleBgColor = '' // If empty string '', BorderColor will be used
|
|
99
|
config. TitleFontColor = '#FFFFFF' // Color of title text - if '', BgColor (of tooltip body) will be used
|
|
100
|
config. TitleFontFace = '' // If '' use FontFace (boldified)
|
|
101
|
config. TitleFontSize = '' // If '' use FontSize
|
|
102
|
config. TitlePadding = 2
|
|
103
|
config. Width = 0 // Tooltip width; 0 for automatic adaption to tooltip content; < -1 (e.g. -240) for a maximum width for that automatic adaption;
|
|
104
|
// -1: tooltip width confined to the width required for the titlebar
|
|
105
|
//======= END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW ==============//
|
|
106
|
|
|
107
|
|
|
108
|
|
|
109
|
|
|
110
|
//===================== PUBLIC =============================================//
|
|
111
|
function Tip()
|
|
112
|
{
|
|
113
|
tt_Tip(arguments, null);
|
|
114
|
}
|
|
115
|
function TagToTip()
|
|
116
|
{
|
|
117
|
var t2t = tt_GetElt(arguments[0]);
|
|
118
|
if(t2t)
|
|
119
|
tt_Tip(arguments, t2t);
|
|
120
|
}
|
|
121
|
function UnTip()
|
|
122
|
{
|
|
123
|
tt_OpReHref();
|
|
124
|
if(tt_aV[DURATION] < 0 && (tt_iState & 0x2))
|
|
125
|
tt_tDurt.Timer("tt_HideInit()", -tt_aV[DURATION], true);
|
|
126
|
else if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
|
|
127
|
tt_HideInit();
|
|
128
|
}
|
|
129
|
|
|
130
|
//================== PUBLIC PLUGIN API =====================================//
|
|
131
|
// Extension eventhandlers currently supported:
|
|
132
|
// OnLoadConfig, OnCreateContentString, OnSubDivsCreated, OnShow, OnMoveBefore,
|
|
133
|
// OnMoveAfter, OnHideInit, OnHide, OnKill
|
|
134
|
|
|
135
|
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
|
|
136
|
tt_aV = new Array(), // Caches and enumerates config data for currently active tooltip
|
|
137
|
tt_sContent, // Inner tooltip text or HTML
|
|
138
|
tt_t2t, tt_t2tDad, // Tag converted to tip, and its DOM parent element
|
|
139
|
tt_musX, tt_musY,
|
|
140
|
tt_over,
|
|
141
|
tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip
|
|
142
|
|
|
143
|
function tt_Extension()
|
|
144
|
{
|
|
145
|
tt_ExtCmdEnum();
|
|
146
|
tt_aExt[tt_aExt.length] = this;
|
|
147
|
return this;
|
|
148
|
}
|
|
149
|
function tt_SetTipPos(x, y)
|
|
150
|
{
|
|
151
|
var css = tt_aElt[0].style;
|
|
152
|
|
|
153
|
tt_x = x;
|
|
154
|
tt_y = y;
|
|
155
|
css.left = x + "px";
|
|
156
|
css.top = y + "px";
|
|
157
|
if(tt_ie56)
|
|
158
|
{
|
|
159
|
var ifrm = tt_aElt[tt_aElt.length - 1];
|
|
160
|
if(ifrm)
|
|
161
|
{
|
|
162
|
ifrm.style.left = css.left;
|
|
163
|
ifrm.style.top = css.top;
|
|
164
|
}
|
|
165
|
}
|
|
166
|
}
|
|
167
|
function tt_HideInit()
|
|
168
|
{
|
|
169
|
if(tt_iState)
|
|
170
|
{
|
|
171
|
tt_ExtCallFncs(0, "HideInit");
|
|
172
|
tt_iState &= ~(0x4 | 0x8);
|
|
173
|
if(tt_flagOpa && tt_aV[FADEOUT])
|
|
174
|
{
|
|
175
|
tt_tFade.EndTimer();
|
|
176
|
if(tt_opa)
|
|
177
|
{
|
|
178
|
var n = Math.round(tt_aV[FADEOUT] / (tt_aV[FADEINTERVAL] * (tt_aV[OPACITY] / tt_opa)));
|
|
179
|
tt_Fade(tt_opa, tt_opa, 0, n);
|
|
180
|
return;
|
|
181
|
}
|
|
182
|
}
|
|
183
|
tt_tHide.Timer("tt_Hide();", 1, false);
|
|
184
|
}
|
|
185
|
}
|
|
186
|
function tt_Hide()
|
|
187
|
{
|
|
188
|
if(tt_db && tt_iState)
|
|
189
|
{
|
|
190
|
tt_OpReHref();
|
|
191
|
if(tt_iState & 0x2)
|
|
192
|
{
|
|
193
|
tt_aElt[0].style.visibility = "hidden";
|
|
194
|
tt_ExtCallFncs(0, "Hide");
|
|
195
|
}
|
|
196
|
tt_tShow.EndTimer();
|
|
197
|
tt_tHide.EndTimer();
|
|
198
|
tt_tDurt.EndTimer();
|
|
199
|
tt_tFade.EndTimer();
|
|
200
|
if(!tt_op && !tt_ie)
|
|
201
|
{
|
|
202
|
tt_tWaitMov.EndTimer();
|
|
203
|
tt_bWait = false;
|
|
204
|
}
|
|
205
|
if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
|
|
206
|
tt_RemEvtFnc(document, "mouseup", tt_OnLClick);
|
|
207
|
tt_ExtCallFncs(0, "Kill");
|
|
208
|
// In case of a TagToTip tip, hide converted DOM node and
|
|
209
|
// re-insert it into DOM
|
|
210
|
if(tt_t2t && !tt_aV[COPYCONTENT])
|
|
211
|
tt_UnEl2Tip();
|
|
212
|
tt_iState = 0;
|
|
213
|
tt_over = null;
|
|
214
|
tt_ResetMainDiv();
|
|
215
|
if(tt_aElt[tt_aElt.length - 1])
|
|
216
|
tt_aElt[tt_aElt.length - 1].style.display = "none";
|
|
217
|
}
|
|
218
|
}
|
|
219
|
function tt_GetElt(id)
|
|
220
|
{
|
|
221
|
return(document.getElementById ? document.getElementById(id)
|
|
222
|
: document.all ? document.all[id]
|
|
223
|
: null);
|
|
224
|
}
|
|
225
|
function tt_GetDivW(el)
|
|
226
|
{
|
|
227
|
return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
|
|
228
|
}
|
|
229
|
function tt_GetDivH(el)
|
|
230
|
{
|
|
231
|
return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
|
|
232
|
}
|
|
233
|
function tt_GetScrollX()
|
|
234
|
{
|
|
235
|
return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
|
|
236
|
}
|
|
237
|
function tt_GetScrollY()
|
|
238
|
{
|
|
239
|
return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
|
|
240
|
}
|
|
241
|
function tt_GetClientW()
|
|
242
|
{
|
|
243
|
return tt_GetWndCliSiz("Width");
|
|
244
|
}
|
|
245
|
function tt_GetClientH()
|
|
246
|
{
|
|
247
|
return tt_GetWndCliSiz("Height");
|
|
248
|
}
|
|
249
|
function tt_GetEvtX(e)
|
|
250
|
{
|
|
251
|
return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_GetScrollX())) : 0);
|
|
252
|
}
|
|
253
|
function tt_GetEvtY(e)
|
|
254
|
{
|
|
255
|
return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_GetScrollY())) : 0);
|
|
256
|
}
|
|
257
|
function tt_AddEvtFnc(el, sEvt, PFnc)
|
|
258
|
{
|
|
259
|
if(el)
|
|
260
|
{
|
|
261
|
if(el.addEventListener)
|
|
262
|
el.addEventListener(sEvt, PFnc, false);
|
|
263
|
else
|
|
264
|
el.attachEvent("on" + sEvt, PFnc);
|
|
265
|
}
|
|
266
|
}
|
|
267
|
function tt_RemEvtFnc(el, sEvt, PFnc)
|
|
268
|
{
|
|
269
|
if(el)
|
|
270
|
{
|
|
271
|
if(el.removeEventListener)
|
|
272
|
el.removeEventListener(sEvt, PFnc, false);
|
|
273
|
else
|
|
274
|
el.detachEvent("on" + sEvt, PFnc);
|
|
275
|
}
|
|
276
|
}
|
|
277
|
function tt_GetDad(el)
|
|
278
|
{
|
|
279
|
return(el.parentNode || el.parentElement || el.offsetParent);
|
|
280
|
}
|
|
281
|
function tt_MovDomNode(el, dadFrom, dadTo)
|
|
282
|
{
|
|
283
|
if(dadFrom)
|
|
284
|
dadFrom.removeChild(el);
|
|
285
|
if(dadTo)
|
|
286
|
dadTo.appendChild(el);
|
|
287
|
}
|
|
288
|
|
|
289
|
//====================== PRIVATE ===========================================//
|
|
290
|
var tt_aExt = new Array(), // Array of extension objects
|
|
291
|
|
|
292
|
tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld, // Browser flags
|
|
293
|
tt_body,
|
|
294
|
tt_ovr_, // HTML element the mouse is currently over
|
|
295
|
tt_flagOpa, // Opacity support: 1=IE, 2=Khtml, 3=KHTML, 4=Moz, 5=W3C
|
|
296
|
tt_maxPosX, tt_maxPosY,
|
|
297
|
tt_iState = 0, // Tooltip active |= 1, shown |= 2, move with mouse |= 4, exclusive |= 8
|
|
298
|
tt_opa, // Currently applied opacity
|
|
299
|
tt_bJmpVert, tt_bJmpHorz,// Tip temporarily on other side of mouse
|
|
300
|
tt_elDeHref, // The tag from which we've removed the href attribute
|
|
301
|
// Timer
|
|
302
|
tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
|
|
303
|
tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
|
|
304
|
tt_bWait = false,
|
|
305
|
tt_u = "undefined";
|
|
306
|
|
|
307
|
|
|
308
|
function tt_Init()
|
|
309
|
{
|
|
310
|
tt_MkCmdEnum();
|
|
311
|
// Send old browsers instantly to hell
|
|
312
|
if(!tt_Browser() || !tt_MkMainDiv())
|
|
313
|
return;
|
|
314
|
tt_IsW3cBox();
|
|
315
|
tt_OpaSupport();
|
|
316
|
tt_AddEvtFnc(document, "mousemove", tt_Move);
|
|
317
|
// In Debug mode we search for TagToTip() calls in order to notify
|
|
318
|
// the user if they've forgotten to set the TagsToTip config flag
|
|
319
|
if(TagsToTip || tt_Debug)
|
|
320
|
tt_SetOnloadFnc();
|
|
321
|
// Ensure the tip be hidden when the page unloads
|
|
322
|
tt_AddEvtFnc(window, "unload", tt_Hide);
|
|
323
|
}
|
|
324
|
// Creates command names by translating config variable names to upper case
|
|
325
|
function tt_MkCmdEnum()
|
|
326
|
{
|
|
327
|
var n = 0;
|
|
328
|
for(var i in config)
|
|
329
|
eval("window." + i.toString().toUpperCase() + " = " + n++);
|
|
330
|
tt_aV.length = n;
|
|
331
|
}
|
|
332
|
function tt_Browser()
|
|
333
|
{
|
|
334
|
var n, nv, n6, w3c;
|
|
335
|
|
|
336
|
n = navigator.userAgent.toLowerCase(),
|
|
337
|
nv = navigator.appVersion;
|
|
338
|
tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
|
|
339
|
tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
|
|
340
|
if(tt_ie)
|
|
341
|
{
|
|
342
|
var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
|
|
343
|
tt_db = !ieOld ? document.documentElement : (document.body || null);
|
|
344
|
if(tt_db)
|
|
345
|
tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
|
|
346
|
&& typeof document.body.style.maxHeight == tt_u;
|
|
347
|
}
|
|
348
|
else
|
|
349
|
{
|
|
350
|
tt_db = document.documentElement || document.body ||
|
|
351
|
(document.getElementsByTagName ? document.getElementsByTagName("body")[0]
|
|
352
|
: null);
|
|
353
|
if(!tt_op)
|
|
354
|
{
|
|
355
|
n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
|
|
356
|
w3c = !n6 && document.getElementById;
|
|
357
|
}
|
|
358
|
}
|
|
359
|
tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
|
|
360
|
: (document.body || null));
|
|
361
|
if(tt_ie || n6 || tt_op || w3c)
|
|
362
|
{
|
|
363
|
if(tt_body && tt_db)
|
|
364
|
{
|
|
365
|
if(document.attachEvent || document.addEventListener)
|
|
366
|
return true;
|
|
367
|
}
|
|
368
|
else
|
|
369
|
tt_Err("wz_tooltip.js must be included INSIDE the body section,"
|
|
370
|
+ " immediately after the opening <body> tag.", false);
|
|
371
|
}
|
|
372
|
tt_db = null;
|
|
373
|
return false;
|
|
374
|
}
|
|
375
|
function tt_MkMainDiv()
|
|
376
|
{
|
|
377
|
// Create the tooltip DIV
|
|
378
|
if(tt_body.insertAdjacentHTML)
|
|
379
|
tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
|
|
380
|
else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
|
|
381
|
tt_body.appendChild(tt_MkMainDivDom());
|
|
382
|
if(window.tt_GetMainDivRefs /* FireFox Alzheimer */ && tt_GetMainDivRefs())
|
|
383
|
return true;
|
|
384
|
tt_db = null;
|
|
385
|
return false;
|
|
386
|
}
|
|
387
|
function tt_MkMainDivHtm()
|
|
388
|
{
|
|
389
|
return(
|
|
390
|
'<div id="WzTtDiV"></div>' +
|
|
391
|
(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>')
|
|
392
|
: '')
|
|
393
|
);
|
|
394
|
}
|
|
395
|
function tt_MkMainDivDom()
|
|
396
|
{
|
|
397
|
var el = document.createElement("div");
|
|
398
|
if(el)
|
|
399
|
el.id = "WzTtDiV";
|
|
400
|
return el;
|
|
401
|
}
|
|
402
|
function tt_GetMainDivRefs()
|
|
403
|
{
|
|
404
|
tt_aElt[0] = tt_GetElt("WzTtDiV");
|
|
405
|
if(tt_ie56 && tt_aElt[0])
|
|
406
|
{
|
|
407
|
tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
|
|
408
|
if(!tt_aElt[tt_aElt.length - 1])
|
|
409
|
tt_aElt[0] = null;
|
|
410
|
}
|
|
411
|
if(tt_aElt[0])
|
|
412
|
{
|
|
413
|
var css = tt_aElt[0].style;
|
|
414
|
|
|
415
|
css.visibility = "hidden";
|
|
416
|
css.position = "absolute";
|
|
417
|
css.overflow = "hidden";
|
|
418
|
return true;
|
|
419
|
}
|
|
420
|
return false;
|
|
421
|
}
|
|
422
|
function tt_ResetMainDiv()
|
|
423
|
{
|
|
424
|
tt_SetTipPos(0, 0);
|
|
425
|
tt_aElt[0].innerHTML = "";
|
|
426
|
tt_aElt[0].style.width = "0px";
|
|
427
|
tt_h = 0;
|
|
428
|
}
|
|
429
|
function tt_IsW3cBox()
|
|
430
|
{
|
|
431
|
var css = tt_aElt[0].style;
|
|
432
|
|
|
433
|
css.padding = "10px";
|
|
434
|
css.width = "40px";
|
|
435
|
tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
|
|
436
|
css.padding = "0px";
|
|
437
|
tt_ResetMainDiv();
|
|
438
|
}
|
|
439
|
function tt_OpaSupport()
|
|
440
|
{
|
|
441
|
var css = tt_body.style;
|
|
442
|
|
|
443
|
tt_flagOpa = (typeof(css.KhtmlOpacity) != tt_u) ? 2
|
|
444
|
: (typeof(css.KHTMLOpacity) != tt_u) ? 3
|
|
445
|
: (typeof(css.MozOpacity) != tt_u) ? 4
|
|
446
|
: (typeof(css.opacity) != tt_u) ? 5
|
|
447
|
: (typeof(css.filter) != tt_u) ? 1
|
|
448
|
: 0;
|
|
449
|
}
|
|
450
|
// Ported from http://dean.edwards.name/weblog/2006/06/again/
|
|
451
|
// (Dean Edwards et al.)
|
|
452
|
function tt_SetOnloadFnc()
|
|
453
|
{
|
|
454
|
tt_AddEvtFnc(document, "DOMContentLoaded", tt_HideSrcTags);
|
|
455
|
tt_AddEvtFnc(window, "load", tt_HideSrcTags);
|
|
456
|
if(tt_body.attachEvent)
|
|
457
|
tt_body.attachEvent("onreadystatechange",
|
|
458
|
function() {
|
|
459
|
if(tt_body.readyState == "complete")
|
|
460
|
tt_HideSrcTags();
|
|
461
|
} );
|
|
462
|
if(/WebKit|KHTML/i.test(navigator.userAgent))
|
|
463
|
{
|
|
464
|
var t = setInterval(function() {
|
|
465
|
if(/loaded|complete/.test(document.readyState))
|
|
466
|
{
|
|
467
|
clearInterval(t);
|
|
468
|
tt_HideSrcTags();
|
|
469
|
}
|
|
470
|
}, 10);
|
|
471
|
}
|
|
472
|
}
|
|
473
|
function tt_HideSrcTags()
|
|
474
|
{
|
|
475
|
if(!window.tt_HideSrcTags || window.tt_HideSrcTags.done)
|
|
476
|
return;
|
|
477
|
window.tt_HideSrcTags.done = true;
|
|
478
|
if(!tt_HideSrcTagsRecurs(tt_body))
|
|
479
|
tt_Err("There are HTML elements to be converted to tooltips.\nIf you"
|
|
480
|
+ " want these HTML elements to be automatically hidden, you"
|
|
481
|
+ " must edit wz_tooltip.js, and set TagsToTip in the global"
|
|
482
|
+ " tooltip configuration to true.", true);
|
|
483
|
}
|
|
484
|
function tt_HideSrcTagsRecurs(dad)
|
|
485
|
{
|
|
486
|
var ovr, asT2t;
|
|
487
|
// Walk the DOM tree for tags that have an onmouseover or onclick attribute
|
|
488
|
// containing a TagToTip('...') call.
|
|
489
|
// (.childNodes first since .children is bugous in Safari)
|
|
490
|
var a = dad.childNodes || dad.children || null;
|
|
491
|
|
|
492
|
for(var i = a ? a.length : 0; i;)
|
|
493
|
{--i;
|
|
494
|
if(!tt_HideSrcTagsRecurs(a[i]))
|
|
495
|
return false;
|
|
496
|
ovr = a[i].getAttribute ? (a[i].getAttribute("onmouseover") || a[i].getAttribute("onclick"))
|
|
497
|
: (typeof a[i].onmouseover == "function") ? (a[i].onmouseover || a[i].onclick)
|
|
498
|
: null;
|
|
499
|
if(ovr)
|
|
500
|
{
|
|
501
|
asT2t = ovr.toString().match(/TagToTip\s*\(\s*'[^'.]+'\s*[\),]/);
|
|
502
|
if(asT2t && asT2t.length)
|
|
503
|
{
|
|
504
|
if(!tt_HideSrcTag(asT2t[0]))
|
|
505
|
return false;
|
|
506
|
}
|
|
507
|
}
|
|
508
|
}
|
|
509
|
return true;
|
|
510
|
}
|
|
511
|
function tt_HideSrcTag(sT2t)
|
|
512
|
{
|
|
513
|
var id, el;
|
|
514
|
|
|
515
|
// The ID passed to the found TagToTip() call identifies an HTML element
|
|
516
|
// to be converted to a tooltip, so hide that element
|
|
517
|
id = sT2t.replace(/.+'([^'.]+)'.+/, "$1");
|
|
518
|
el = tt_GetElt(id);
|
|
519
|
if(el)
|
|
520
|
{
|
|
521
|
if(tt_Debug && !TagsToTip)
|
|
522
|
return false;
|
|
523
|
else
|
|
524
|
el.style.display = "none";
|
|
525
|
}
|
|
526
|
else
|
|
527
|
tt_Err("Invalid ID\n'" + id + "'\npassed to TagToTip()."
|
|
528
|
+ " There exists no HTML element with that ID.", true);
|
|
529
|
return true;
|
|
530
|
}
|
|
531
|
function tt_Tip(arg, t2t)
|
|
532
|
{
|
|
533
|
if(!tt_db || (tt_iState & 0x8))
|
|
534
|
return;
|
|
535
|
if(tt_iState)
|
|
536
|
tt_Hide();
|
|
537
|
if(!tt_Enabled)
|
|
538
|
return;
|
|
539
|
tt_t2t = t2t;
|
|
540
|
if(!tt_ReadCmds(arg))
|
|
541
|
return;
|
|
542
|
tt_iState = 0x1 | 0x4;
|
|
543
|
tt_AdaptConfig1();
|
|
544
|
tt_MkTipContent(arg);
|
|
545
|
tt_MkTipSubDivs();
|
|
546
|
tt_FormatTip();
|
|
547
|
tt_bJmpVert = false;
|
|
548
|
tt_bJmpHorz = false;
|
|
549
|
tt_maxPosX = tt_GetClientW() + tt_GetScrollX() - tt_w - 1;
|
|
550
|
tt_maxPosY = tt_GetClientH() + tt_GetScrollY() - tt_h - 1;
|
|
551
|
tt_AdaptConfig2();
|
|
552
|
// Ensure the tip be shown and positioned before the first onmousemove
|
|
553
|
tt_OverInit();
|
|
554
|
tt_ShowInit();
|
|
555
|
tt_Move();
|
|
556
|
}
|
|
557
|
function tt_ReadCmds(a)
|
|
558
|
{
|
|
559
|
var i;
|
|
560
|
|
|
561
|
// First load the global config values, to initialize also values
|
|
562
|
// for which no command is passed
|
|
563
|
i = 0;
|
|
564
|
for(var j in config)
|
|
565
|
tt_aV[i++] = config[j];
|
|
566
|
// Then replace each cached config value for which a command is
|
|
567
|
// passed (ensure the # of command args plus value args be even)
|
|
568
|
if(a.length & 1)
|
|
569
|
{
|
|
570
|
for(i = a.length - 1; i > 0; i -= 2)
|
|
571
|
tt_aV[a[i - 1]] = a[i];
|
|
572
|
return true;
|
|
573
|
}
|
|
574
|
tt_Err("Incorrect call of Tip() or TagToTip().\n"
|
|
575
|
+ "Each command must be followed by a value.", true);
|
|
576
|
return false;
|
|
577
|
}
|
|
578
|
function tt_AdaptConfig1()
|
|
579
|
{
|
|
580
|
tt_ExtCallFncs(0, "LoadConfig");
|
|
581
|
// Inherit unspecified title formattings from body
|
|
582
|
if(!tt_aV[TITLEBGCOLOR].length)
|
|
583
|
tt_aV[TITLEBGCOLOR] = tt_aV[BORDERCOLOR];
|
|
584
|
if(!tt_aV[TITLEFONTCOLOR].length)
|
|
585
|
tt_aV[TITLEFONTCOLOR] = tt_aV[BGCOLOR];
|
|
586
|
if(!tt_aV[TITLEFONTFACE].length)
|
|
587
|
tt_aV[TITLEFONTFACE] = tt_aV[FONTFACE];
|
|
588
|
if(!tt_aV[TITLEFONTSIZE].length)
|
|
589
|
tt_aV[TITLEFONTSIZE] = tt_aV[FONTSIZE];
|
|
590
|
if(tt_aV[CLOSEBTN])
|
|
591
|
{
|
|
592
|
// Use title colours for non-specified closebutton colours
|
|
593
|
if(!tt_aV[CLOSEBTNCOLORS])
|
|
594
|
tt_aV[CLOSEBTNCOLORS] = new Array("", "", "", "");
|
|
595
|
for(var i = 4; i;)
|
|
596
|
{--i;
|
|
597
|
if(!tt_aV[CLOSEBTNCOLORS][i].length)
|
|
598
|
tt_aV[CLOSEBTNCOLORS][i] = (i & 1) ? tt_aV[TITLEFONTCOLOR] : tt_aV[TITLEBGCOLOR];
|
|
599
|
}
|
|
600
|
// Enforce titlebar be shown
|
|
601
|
if(!tt_aV[TITLE].length)
|
|
602
|
tt_aV[TITLE] = " ";
|
|
603
|
}
|
|
604
|
// Circumvents broken display of images and fade-in flicker in Geckos < 1.8
|
|
605
|
if(tt_aV[OPACITY] == 100 && typeof tt_aElt[0].style.MozOpacity != tt_u && !Array.every)
|
|
606
|
tt_aV[OPACITY] = 99;
|
|
607
|
// Smartly shorten the delay for fade-in tooltips
|
|
608
|
if(tt_aV[FADEIN] && tt_flagOpa && tt_aV[DELAY] > 100)
|
|
609
|
tt_aV[DELAY] = Math.max(tt_aV[DELAY] - tt_aV[FADEIN], 100);
|
|
610
|
}
|
|
611
|
function tt_AdaptConfig2()
|
|
612
|
{
|
|
613
|
if(tt_aV[CENTERMOUSE])
|
|
614
|
{
|
|
615
|
tt_aV[OFFSETX] -= ((tt_w - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0)) >> 1);
|
|
616
|
tt_aV[JUMPHORZ] = false;
|
|
617
|
}
|
|
618
|
}
|
|
619
|
// Expose content globally so extensions can modify it
|
|
620
|
function tt_MkTipContent(a)
|
|
621
|
{
|
|
622
|
if(tt_t2t)
|
|
623
|
{
|
|
624
|
if(tt_aV[COPYCONTENT])
|
|
625
|
tt_sContent = tt_t2t.innerHTML;
|
|
626
|
else
|
|
627
|
tt_sContent = "";
|
|
628
|
}
|
|
629
|
else
|
|
630
|
tt_sContent = a[0];
|
|
631
|
tt_ExtCallFncs(0, "CreateContentString");
|
|
632
|
}
|
|
633
|
function tt_MkTipSubDivs()
|
|
634
|
{
|
|
635
|
var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
|
|
636
|
sTbTrTd = ' cellspacing="0" cellpadding="0" border="0" style="' + sCss + '"><tbody style="' + sCss + '"><tr><td ';
|
|
637
|
|
|
638
|
tt_aElt[0].style.width = tt_GetClientW() + "px";
|
|
639
|
tt_aElt[0].innerHTML =
|
|
640
|
(''
|
|
641
|
+ (tt_aV[TITLE].length ?
|
|
642
|
('<div id="WzTiTl" style="position:relative;z-index:1;">'
|
|
643
|
+ '<table id="WzTiTlTb"' + sTbTrTd + 'id="WzTiTlI" style="' + sCss + '">'
|
|
644
|
+ tt_aV[TITLE]
|
|
645
|
+ '</td>'
|
|
646
|
+ (tt_aV[CLOSEBTN] ?
|
|
647
|
('<td align="right" style="' + sCss
|
|
648
|
+ 'text-align:right;">'
|
|
649
|
+ '<span id="WzClOsE" style="position:relative;left:2px;padding-left:2px;padding-right:2px;'
|
|
650
|
+ 'cursor:' + (tt_ie ? 'hand' : 'pointer')
|
|
651
|
+ ';" onmouseover="tt_OnCloseBtnOver(1)" onmouseout="tt_OnCloseBtnOver(0)" onclick="tt_HideInit()">'
|
|
652
|
+ tt_aV[CLOSEBTNTEXT]
|
|
653
|
+ '</span></td>')
|
|
654
|
: '')
|
|
655
|
+ '</tr></tbody></table></div>')
|
|
656
|
: '')
|
|
657
|
+ '<div id="WzBoDy" style="position:relative;z-index:0;">'
|
|
658
|
+ '<table' + sTbTrTd + 'id="WzBoDyI" style="' + sCss + '">'
|
|
659
|
+ tt_sContent
|
|
660
|
+ '</td></tr></tbody></table></div>'
|
|
661
|
+ (tt_aV[SHADOW]
|
|
662
|
? ('<div id="WzTtShDwR" style="position:absolute;overflow:hidden;"></div>'
|
|
663
|
+ '<div id="WzTtShDwB" style="position:relative;overflow:hidden;"></div>')
|
|
664
|
: '')
|
|
665
|
);
|
|
666
|
tt_GetSubDivRefs();
|
|
667
|
// Convert DOM node to tip
|
|
668
|
if(tt_t2t && !tt_aV[COPYCONTENT])
|
|
669
|
tt_El2Tip();
|
|
670
|
tt_ExtCallFncs(0, "SubDivsCreated");
|
|
671
|
}
|
|
672
|
function tt_GetSubDivRefs()
|
|
673
|
{
|
|
674
|
var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");
|
|
675
|
|
|
676
|
for(var i = aId.length; i; --i)
|
|
677
|
tt_aElt[i] = tt_GetElt(aId[i - 1]);
|
|
678
|
}
|
|
679
|
function tt_FormatTip()
|
|
680
|
{
|
|
681
|
var css, w, h, pad = tt_aV[PADDING], padT, wBrd = tt_aV[BORDERWIDTH],
|
|
682
|
iOffY, iOffSh, iAdd = (pad + wBrd) << 1;
|
|
683
|
|
|
684
|
//--------- Title DIV ----------
|
|
685
|
if(tt_aV[TITLE].length)
|
|
686
|
{
|
|
687
|
padT = tt_aV[TITLEPADDING];
|
|
688
|
css = tt_aElt[1].style;
|
|
689
|
css.background = tt_aV[TITLEBGCOLOR];
|
|
690
|
css.paddingTop = css.paddingBottom = padT + "px";
|
|
691
|
css.paddingLeft = css.paddingRight = (padT + 2) + "px";
|
|
692
|
css = tt_aElt[3].style;
|
|
693
|
css.color = tt_aV[TITLEFONTCOLOR];
|
|
694
|
if(tt_aV[WIDTH] == -1)
|
|
695
|
css.whiteSpace = "nowrap";
|
|
696
|
css.fontFamily = tt_aV[TITLEFONTFACE];
|
|
697
|
css.fontSize = tt_aV[TITLEFONTSIZE];
|
|
698
|
css.fontWeight = "bold";
|
|
699
|
css.textAlign = tt_aV[TITLEALIGN];
|
|
700
|
// Close button DIV
|
|
701
|
if(tt_aElt[4])
|
|
702
|
{
|
|
703
|
css = tt_aElt[4].style;
|
|
704
|
css.background = tt_aV[CLOSEBTNCOLORS][0];
|
|
705
|
css.color = tt_aV[CLOSEBTNCOLORS][1];
|
|
706
|
css.fontFamily = tt_aV[TITLEFONTFACE];
|
|
707
|
css.fontSize = tt_aV[TITLEFONTSIZE];
|
|
708
|
css.fontWeight = "bold";
|
|
709
|
}
|
|
710
|
if(tt_aV[WIDTH] > 0)
|
|
711
|
tt_w = tt_aV[WIDTH];
|
|
712
|
else
|
|
713
|
{
|
|
714
|
tt_w = tt_GetDivW(tt_aElt[3]) + tt_GetDivW(tt_aElt[4]);
|
|
715
|
// Some spacing between title DIV and closebutton
|
|
716
|
if(tt_aElt[4])
|
|
717
|
tt_w += pad;
|
|
718
|
// Restrict auto width to max width
|
|
719
|
if(tt_aV[WIDTH] < -1 && tt_w > -tt_aV[WIDTH])
|
|
720
|
tt_w = -tt_aV[WIDTH];
|
|
721
|
}
|
|
722
|
// Ensure the top border of the body DIV be covered by the title DIV
|
|
723
|
iOffY = -wBrd;
|
|
724
|
}
|
|
725
|
else
|
|
726
|
{
|
|
727
|
tt_w = 0;
|
|
728
|
iOffY = 0;
|
|
729
|
}
|
|
730
|
|
|
731
|
//-------- Body DIV ------------
|
|
732
|
css = tt_aElt[5].style;
|
|
733
|
css.top = iOffY + "px";
|
|
734
|
if(wBrd)
|
|
735
|
{
|
|
736
|
css.borderColor = tt_aV[BORDERCOLOR];
|
|
737
|
css.borderStyle = tt_aV[BORDERSTYLE];
|
|
738
|
css.borderWidth = wBrd + "px";
|
|
739
|
}
|
|
740
|
if(tt_aV[BGCOLOR].length)
|
|
741
|
css.background = tt_aV[BGCOLOR];
|
|
742
|
if(tt_aV[BGIMG].length)
|
|
743
|
css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
|
|
744
|
css.padding = pad + "px";
|
|
745
|
css.textAlign = tt_aV[TEXTALIGN];
|
|
746
|
if(tt_aV[HEIGHT])
|
|
747
|
{
|
|
748
|
css.overflow = "auto";
|
|
749
|
if(tt_aV[HEIGHT] > 0)
|
|
750
|
css.height = (tt_aV[HEIGHT] + iAdd) + "px";
|
|
751
|
else
|
|
752
|
tt_h = iAdd - tt_aV[HEIGHT];
|
|
753
|
}
|
|
754
|
// TD inside body DIV
|
|
755
|
css = tt_aElt[6].style;
|
|
756
|
css.color = tt_aV[FONTCOLOR];
|
|
757
|
css.fontFamily = tt_aV[FONTFACE];
|
|
758
|
css.fontSize = tt_aV[FONTSIZE];
|
|
759
|
css.fontWeight = tt_aV[FONTWEIGHT];
|
|
760
|
css.textAlign = tt_aV[TEXTALIGN];
|
|
761
|
if(tt_aV[WIDTH] > 0)
|
|
762
|
w = tt_aV[WIDTH];
|
|
763
|
// Width like title (if existent)
|
|
764
|
else if(tt_aV[WIDTH] == -1 && tt_w)
|
|
765
|
w = tt_w;
|
|
766
|
else
|
|
767
|
{
|
|
768
|
// Measure width of the body's inner TD, as some browsers would expand
|
|
769
|
// the container and outer body DIV to 100%
|
|
770
|
w = tt_GetDivW(tt_aElt[6]);
|
|
771
|
// Restrict auto width to max width
|
|
772
|
if(tt_aV[WIDTH] < -1 && w > -tt_aV[WIDTH])
|
|
773
|
w = -tt_aV[WIDTH];
|
|
774
|
}
|
|
775
|
if(w > tt_w)
|
|
776
|
tt_w = w;
|
|
777
|
tt_w += iAdd;
|
|
778
|
|
|
779
|
//--------- Shadow DIVs ------------
|
|
780
|
if(tt_aV[SHADOW])
|
|
781
|
{
|
|
782
|
tt_w += tt_aV[SHADOWWIDTH];
|
|
783
|
iOffSh = Math.floor((tt_aV[SHADOWWIDTH] * 4) / 3);
|
|
784
|
// Bottom shadow
|
|
785
|
css = tt_aElt[7].style;
|
|
786
|
css.top = iOffY + "px";
|
|
787
|
css.left = iOffSh + "px";
|
|
788
|
css.width = (tt_w - iOffSh - tt_aV[SHADOWWIDTH]) + "px";
|
|
789
|
css.height = tt_aV[SHADOWWIDTH] + "px";
|
|
790
|
css.background = tt_aV[SHADOWCOLOR];
|
|
791
|
// Right shadow
|
|
792
|
css = tt_aElt[8].style;
|
|
793
|
css.top = iOffSh + "px";
|
|
794
|
css.left = (tt_w - tt_aV[SHADOWWIDTH]) + "px";
|
|
795
|
css.width = tt_aV[SHADOWWIDTH] + "px";
|
|
796
|
css.background = tt_aV[SHADOWCOLOR];
|
|
797
|
}
|
|
798
|
else
|
|
799
|
iOffSh = 0;
|
|
800
|
|
|
801
|
//-------- Container DIV -------
|
|
802
|
tt_SetTipOpa(tt_aV[FADEIN] ? 0 : tt_aV[OPACITY]);
|
|
803
|
tt_FixSize(iOffY, iOffSh);
|
|
804
|
}
|
|
805
|
// Fixate the size so it can't dynamically change while the tooltip is moving.
|
|
806
|
function tt_FixSize(iOffY, iOffSh)
|
|
807
|
{
|
|
808
|
var wIn, wOut, h, add, pad = tt_aV[PADDING], wBrd = tt_aV[BORDERWIDTH], i;
|
|
809
|
|
|
810
|
tt_aElt[0].style.width = tt_w + "px";
|
|
811
|
tt_aElt[0].style.pixelWidth = tt_w;
|
|
812
|
wOut = tt_w - ((tt_aV[SHADOW]) ? tt_aV[SHADOWWIDTH] : 0);
|
|
813
|
// Body
|
|
814
|
wIn = wOut;
|
|
815
|
if(!tt_bBoxOld)
|
|
816
|
wIn -= (pad + wBrd) << 1;
|
|
817
|
tt_aElt[5].style.width = wIn + "px";
|
|
818
|
// Title
|
|
819
|
if(tt_aElt[1])
|
|
820
|
{
|
|
821
|
wIn = wOut - ((tt_aV[TITLEPADDING] + 2) << 1);
|
|
822
|
if(!tt_bBoxOld)
|
|
823
|
wOut = wIn;
|
|
824
|
tt_aElt[1].style.width = wOut + "px";
|
|
825
|
tt_aElt[2].style.width = wIn + "px";
|
|
826
|
}
|
|
827
|
// Max height specified
|
|
828
|
if(tt_h)
|
|
829
|
{
|
|
830
|
h = tt_GetDivH(tt_aElt[5]);
|
|
831
|
if(h > tt_h)
|
|
832
|
{
|
|
833
|
if(!tt_bBoxOld)
|
|
834
|
tt_h -= (pad + wBrd) << 1;
|
|
835
|
tt_aElt[5].style.height = tt_h + "px";
|
|
836
|
}
|
|
837
|
}
|
|
838
|
tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
|
|
839
|
// Right shadow
|
|
840
|
if(tt_aElt[8])
|
|
841
|
tt_aElt[8].style.height = (tt_h - iOffSh) + "px";
|
|
842
|
i = tt_aElt.length - 1;
|
|
843
|
if(tt_aElt[i])
|
|
844
|
{
|
|
845
|
tt_aElt[i].style.width = tt_w + "px";
|
|
846
|
tt_aElt[i].style.height = tt_h + "px";
|
|
847
|
}
|
|
848
|
}
|
|
849
|
function tt_DeAlt(el)
|
|
850
|
{
|
|
851
|
var aKid;
|
|
852
|
|
|
853
|
if(el)
|
|
854
|
{
|
|
855
|
if(el.alt)
|
|
856
|
el.alt = "";
|
|
857
|
if(el.title)
|
|
858
|
el.title = "";
|
|
859
|
aKid = el.childNodes || el.children || null;
|
|
860
|
if(aKid)
|
|
861
|
{
|
|
862
|
for(var i = aKid.length; i;)
|
|
863
|
tt_DeAlt(aKid[--i]);
|
|
864
|
}
|
|
865
|
}
|
|
866
|
}
|
|
867
|
// This hack removes the native tooltips over links in Opera
|
|
868
|
function tt_OpDeHref(el)
|
|
869
|
{
|
|
870
|
if(!tt_op)
|
|
871
|
return;
|
|
872
|
if(tt_elDeHref)
|
|
873
|
tt_OpReHref();
|
|
874
|
while(el)
|
|
875
|
{
|
|
876
|
if(el.hasAttribute && el.hasAttribute("href"))
|
|
877
|
{
|
|
878
|
el.t_href = el.getAttribute("href");
|
|
879
|
el.t_stats = window.status;
|
|
880
|
el.removeAttribute("href");
|
|
881
|
el.style.cursor = "hand";
|
|
882
|
tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
|
|
883
|
window.status = el.t_href;
|
|
884
|
tt_elDeHref = el;
|
|
885
|
break;
|
|
886
|
}
|
|
887
|
el = tt_GetDad(el);
|
|
888
|
}
|
|
889
|
}
|
|
890
|
function tt_OpReHref()
|
|
891
|
{
|
|
892
|
if(tt_elDeHref)
|
|
893
|
{
|
|
894
|
tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
|
|
895
|
tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
|
|
896
|
window.status = tt_elDeHref.t_stats;
|
|
897
|
tt_elDeHref = null;
|
|
898
|
}
|
|
899
|
}
|
|
900
|
function tt_El2Tip()
|
|
901
|
{
|
|
902
|
var css = tt_t2t.style;
|
|
903
|
|
|
904
|
// Store previous positioning
|
|
905
|
tt_t2t.t_cp = css.position;
|
|
906
|
tt_t2t.t_cl = css.left;
|
|
907
|
tt_t2t.t_ct = css.top;
|
|
908
|
tt_t2t.t_cd = css.display;
|
|
909
|
// Store the tag's parent element so we can restore that DOM branch
|
|
910
|
// when the tooltip is being hidden
|
|
911
|
tt_t2tDad = tt_GetDad(tt_t2t);
|
|
912
|
tt_MovDomNode(tt_t2t, tt_t2tDad, tt_aElt[6]);
|
|
913
|
css.display = "block";
|
|
914
|
css.position = "static";
|
|
915
|
css.left = css.top = css.marginLeft = css.marginTop = "0px";
|
|
916
|
}
|
|
917
|
function tt_UnEl2Tip()
|
|
918
|
{
|
|
919
|
// Restore positioning and display
|
|
920
|
var css = tt_t2t.style;
|
|
921
|
|
|
922
|
css.display = tt_t2t.t_cd;
|
|
923
|
tt_MovDomNode(tt_t2t, tt_GetDad(tt_t2t), tt_t2tDad);
|
|
924
|
css.position = tt_t2t.t_cp;
|
|
925
|
css.left = tt_t2t.t_cl;
|
|
926
|
css.top = tt_t2t.t_ct;
|
|
927
|
tt_t2tDad = null;
|
|
928
|
}
|
|
929
|
function tt_OverInit()
|
|
930
|
{
|
|
931
|
if(window.event)
|
|
932
|
tt_over = window.event.target || window.event.srcElement;
|
|
933
|
else
|
|
934
|
tt_over = tt_ovr_;
|
|
935
|
tt_DeAlt(tt_over);
|
|
936
|
tt_OpDeHref(tt_over);
|
|
937
|
}
|
|
938
|
function tt_ShowInit()
|
|
939
|
{
|
|
940
|
tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
|
|
941
|
if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
|
|
942
|
tt_AddEvtFnc(document, "mouseup", tt_OnLClick);
|
|
943
|
}
|
|
944
|
function tt_Show()
|
|
945
|
{
|
|
946
|
var css = tt_aElt[0].style;
|
|
947
|
|
|
948
|
// Override the z-index of the topmost wz_dragdrop.js D&D item
|
|
949
|
css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
|
|
950
|
if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
|
|
951
|
tt_iState &= ~0x4;
|
|
952
|
if(tt_aV[EXCLUSIVE])
|
|
953
|
tt_iState |= 0x8;
|
|
954
|
if(tt_aV[DURATION] > 0)
|
|
955
|
tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
|
|
956
|
tt_ExtCallFncs(0, "Show")
|
|
957
|
css.visibility = "visible";
|
|
958
|
tt_iState |= 0x2;
|
|
959
|
if(tt_aV[FADEIN])
|
|
960
|
tt_Fade(0, 0, tt_aV[OPACITY], Math.round(tt_aV[FADEIN] / tt_aV[FADEINTERVAL]));
|
|
961
|
tt_ShowIfrm();
|
|
962
|
}
|
|
963
|
function tt_ShowIfrm()
|
|
964
|
{
|
|
965
|
if(tt_ie56)
|
|
966
|
{
|
|
967
|
var ifrm = tt_aElt[tt_aElt.length - 1];
|
|
968
|
if(ifrm)
|
|
969
|
{
|
|
970
|
var css = ifrm.style;
|
|
971
|
css.zIndex = tt_aElt[0].style.zIndex - 1;
|
|
972
|
css.display = "block";
|
|
973
|
}
|
|
974
|
}
|
|
975
|
}
|
|
976
|
function tt_Move(e)
|
|
977
|
{
|
|
978
|
if(e)
|
|
979
|
tt_ovr_ = e.target || e.srcElement;
|
|
980
|
e = e || window.event;
|
|
981
|
if(e)
|
|
982
|
{
|
|
983
|
tt_musX = tt_GetEvtX(e);
|
|
984
|
tt_musY = tt_GetEvtY(e);
|
|
985
|
}
|
|
986
|
if(tt_iState & 0x4)
|
|
987
|
{
|
|
988
|
// Prevent jam of mousemove events
|
|
989
|
if(!tt_op && !tt_ie)
|
|
990
|
{
|
|
991
|
if(tt_bWait)
|
|
992
|
return;
|
|
993
|
tt_bWait = true;
|
|
994
|
tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
|
|
995
|
}
|
|
996
|
if(tt_aV[FIX])
|
|
997
|
{
|
|
998
|
tt_iState &= ~0x4;
|
|
999
|
tt_PosFix();
|
|
1000
|
}
|
|
1001
|
else if(!tt_ExtCallFncs(e, "MoveBefore"))
|
|
1002
|
tt_SetTipPos(tt_Pos(0), tt_Pos(1));
|
|
1003
|
tt_ExtCallFncs([tt_musX, tt_musY], "MoveAfter")
|
|
1004
|
}
|
|
1005
|
}
|
|
1006
|
function tt_Pos(iDim)
|
|
1007
|
{
|
|
1008
|
var iX, bJmpMod, cmdAlt, cmdOff, cx, iMax, iScrl, iMus, bJmp;
|
|
1009
|
|
|
1010
|
// Map values according to dimension to calculate
|
|
1011
|
if(iDim)
|
|
1012
|
{
|
|
1013
|
bJmpMod = tt_aV[JUMPVERT];
|
|
1014
|
cmdAlt = ABOVE;
|
|
1015
|
cmdOff = OFFSETY;
|
|
1016
|
cx = tt_h;
|
|
1017
|
iMax = tt_maxPosY;
|
|
1018
|
iScrl = tt_GetScrollY();
|
|
1019
|
iMus = tt_musY;
|
|
1020
|
bJmp = tt_bJmpVert;
|
|
1021
|
}
|
|
1022
|
else
|
|
1023
|
{
|
|
1024
|
bJmpMod = tt_aV[JUMPHORZ];
|
|
1025
|
cmdAlt = LEFT;
|
|
1026
|
cmdOff = OFFSETX;
|
|
1027
|
cx = tt_w;
|
|
1028
|
iMax = tt_maxPosX;
|
|
1029
|
iScrl = tt_GetScrollX();
|
|
1030
|
iMus = tt_musX;
|
|
1031
|
bJmp = tt_bJmpHorz;
|
|
1032
|
}
|
|
1033
|
if(bJmpMod)
|
|
1034
|
{
|
|
1035
|
if(tt_aV[cmdAlt] && (!bJmp || tt_CalcPosAlt(iDim) >= iScrl + 16))
|
|
1036
|
iX = tt_PosAlt(iDim);
|
|
1037
|
else if(!tt_aV[cmdAlt] && bJmp && tt_CalcPosDef(iDim) > iMax - 16)
|
|
1038
|
iX = tt_PosAlt(iDim);
|
|
1039
|
else
|
|
1040
|
iX = tt_PosDef(iDim);
|
|
1041
|
}
|
|
1042
|
else
|
|
1043
|
{
|
|
1044
|
iX = iMus;
|
|
1045
|
if(tt_aV[cmdAlt])
|
|
1046
|
iX -= cx + tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
|
|
1047
|
else
|
|
1048
|
iX += tt_aV[cmdOff];
|
|
1049
|
}
|
|
1050
|
// Prevent tip from extending past clientarea boundary
|
|
1051
|
if(iX > iMax)
|
|
1052
|
iX = bJmpMod ? tt_PosAlt(iDim) : iMax;
|
|
1053
|
// In case of insufficient space on both sides, ensure the left/upper part
|
|
1054
|
// of the tip be visible
|
|
1055
|
if(iX < iScrl)
|
|
1056
|
iX = bJmpMod ? tt_PosDef(iDim) : iScrl;
|
|
1057
|
return iX;
|
|
1058
|
}
|
|
1059
|
function tt_PosDef(iDim)
|
|
1060
|
{
|
|
1061
|
if(iDim)
|
|
1062
|
tt_bJmpVert = tt_aV[ABOVE];
|
|
1063
|
else
|
|
1064
|
tt_bJmpHorz = tt_aV[LEFT];
|
|
1065
|
return tt_CalcPosDef(iDim);
|
|
1066
|
}
|
|
1067
|
function tt_PosAlt(iDim)
|
|
1068
|
{
|
|
1069
|
if(iDim)
|
|
1070
|
tt_bJmpVert = !tt_aV[ABOVE];
|
|
1071
|
else
|
|
1072
|
tt_bJmpHorz = !tt_aV[LEFT];
|
|
1073
|
return tt_CalcPosAlt(iDim);
|
|
1074
|
}
|
|
1075
|
function tt_CalcPosDef(iDim)
|
|
1076
|
{
|
|
1077
|
return iDim ? (tt_musY + tt_aV[OFFSETY]) : (tt_musX + tt_aV[OFFSETX]);
|
|
1078
|
}
|
|
1079
|
function tt_CalcPosAlt(iDim)
|
|
1080
|
{
|
|
1081
|
var cmdOff = iDim ? OFFSETY : OFFSETX;
|
|
1082
|
var dx = tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
|
|
1083
|
if(tt_aV[cmdOff] > 0 && dx <= 0)
|
|
1084
|
dx = 1;
|
|
1085
|
return((iDim ? (tt_musY - tt_h) : (tt_musX - tt_w)) - dx);
|
|
1086
|
}
|
|
1087
|
function tt_PosFix()
|
|
1088
|
{
|
|
1089
|
var iX, iY;
|
|
1090
|
|
|
1091
|
if(typeof(tt_aV[FIX][0]) == "number")
|
|
1092
|
{
|
|
1093
|
iX = tt_aV[FIX][0];
|
|
1094
|
iY = tt_aV[FIX][1];
|
|
1095
|
}
|
|
1096
|
else
|
|
1097
|
{
|
|
1098
|
if(typeof(tt_aV[FIX][0]) == "string")
|
|
1099
|
el = tt_GetElt(tt_aV[FIX][0]);
|
|
1100
|
// First slot in array is direct reference to HTML element
|
|
1101
|
else
|
|
1102
|
el = tt_aV[FIX][0];
|
|
1103
|
iX = tt_aV[FIX][1];
|
|
1104
|
iY = tt_aV[FIX][2];
|
|
1105
|
// By default, vert pos is related to bottom edge of HTML element
|
|
1106
|
if(!tt_aV[ABOVE] && el)
|
|
1107
|
iY += tt_GetDivH(el);
|
|
1108
|
for(; el; el = el.offsetParent)
|
|
1109
|
{
|
|
1110
|
iX += el.offsetLeft || 0;
|
|
1111
|
iY += el.offsetTop || 0;
|
|
1112
|
}
|
|
1113
|
}
|
|
1114
|
// For a fixed tip positioned above the mouse, use the bottom edge as anchor
|
|
1115
|
// (recommended by Christophe Rebeschini, 31.1.2008)
|
|
1116
|
if(tt_aV[ABOVE])
|
|
1117
|
iY -= tt_h;
|
|
1118
|
tt_SetTipPos(iX, iY);
|
|
1119
|
}
|
|
1120
|
function tt_Fade(a, now, z, n)
|
|
1121
|
{
|
|
1122
|
if(n)
|
|
1123
|
{
|
|
1124
|
now += Math.round((z - now) / n);
|
|
1125
|
if((z > a) ? (now >= z) : (now <= z))
|
|
1126
|
now = z;
|
|
1127
|
else
|
|
1128
|
tt_tFade.Timer(
|
|
1129
|
"tt_Fade("
|
|
1130
|
+ a + "," + now + "," + z + "," + (n - 1)
|
|
1131
|
+ ")",
|
|
1132
|
tt_aV[FADEINTERVAL],
|
|
1133
|
true
|
|
1134
|
);
|
|
1135
|
}
|
|
1136
|
now ? tt_SetTipOpa(now) : tt_Hide();
|
|
1137
|
}
|
|
1138
|
function tt_SetTipOpa(opa)
|
|
1139
|
{
|
|
1140
|
// To circumvent the opacity nesting flaws of IE, we set the opacity
|
|
1141
|
// for each sub-DIV separately, rather than for the container DIV.
|
|
1142
|
tt_SetOpa(tt_aElt[5], opa);
|
|
1143
|
if(tt_aElt[1])
|
|
1144
|
tt_SetOpa(tt_aElt[1], opa);
|
|
1145
|
if(tt_aV[SHADOW])
|
|
1146
|
{
|
|
1147
|
opa = Math.round(opa * 0.8);
|
|
1148
|
tt_SetOpa(tt_aElt[7], opa);
|
|
1149
|
tt_SetOpa(tt_aElt[8], opa);
|
|
1150
|
}
|
|
1151
|
}
|
|
1152
|
function tt_OnCloseBtnOver(iOver)
|
|
1153
|
{
|
|
1154
|
var css = tt_aElt[4].style;
|
|
1155
|
|
|
1156
|
iOver <<= 1;
|
|
1157
|
css.background = tt_aV[CLOSEBTNCOLORS][iOver];
|
|
1158
|
css.color = tt_aV[CLOSEBTNCOLORS][iOver + 1];
|
|
1159
|
}
|
|
1160
|
function tt_OnLClick(e)
|
|
1161
|
{
|
|
1162
|
// Ignore right-clicks
|
|
1163
|
e = e || window.event;
|
|
1164
|
if(!((e.button && e.button & 2) || (e.which && e.which == 3)))
|
|
1165
|
{
|
|
1166
|
if(tt_aV[CLICKSTICKY] && (tt_iState & 0x4))
|
|
1167
|
{
|
|
1168
|
tt_aV[STICKY] = true;
|
|
1169
|
tt_iState &= ~0x4;
|
|
1170
|
}
|
|
1171
|
else if(tt_aV[CLICKCLOSE])
|
|
1172
|
tt_HideInit();
|
|
1173
|
}
|
|
1174
|
}
|
|
1175
|
function tt_Int(x)
|
|
1176
|
{
|
|
1177
|
var y;
|
|
1178
|
|
|
1179
|
return(isNaN(y = parseInt(x)) ? 0 : y);
|
|
1180
|
}
|
|
1181
|
Number.prototype.Timer = function(s, iT, bUrge)
|
|
1182
|
{
|
|
1183
|
if(!this.value || bUrge)
|
|
1184
|
this.value = window.setTimeout(s, iT);
|
|
1185
|
}
|
|
1186
|
Number.prototype.EndTimer = function()
|
|
1187
|
{
|
|
1188
|
if(this.value)
|
|
1189
|
{
|
|
1190
|
window.clearTimeout(this.value);
|
|
1191
|
this.value = 0;
|
|
1192
|
}
|
|
1193
|
}
|
|
1194
|
function tt_GetWndCliSiz(s)
|
|
1195
|
{
|
|
1196
|
var db, y = window["inner" + s], sC = "client" + s, sN = "number";
|
|
1197
|
if(typeof y == sN)
|
|
1198
|
{
|
|
1199
|
var y2;
|
|
1200
|
return(
|
|
1201
|
// Gecko or Opera with scrollbar
|
|
1202
|
// ... quirks mode
|
|
1203
|
((db = document.body) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
|
|
1204
|
// ... strict mode
|
|
1205
|
: ((db = document.documentElement) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
|
|
1206
|
// No scrollbar, or clientarea size == 0, or other browser (KHTML etc.)
|
|
1207
|
: y
|
|
1208
|
);
|
|
1209
|
}
|
|
1210
|
// IE
|
|
1211
|
return(
|
|
1212
|
// document.documentElement.client+s functional, returns > 0
|
|
1213
|
((db = document.documentElement) && (y = db[sC])) ? y
|
|
1214
|
// ... not functional, in which case document.body.client+s
|
|
1215
|
// is the clientarea size, fortunately
|
|
1216
|
: document.body[sC]
|
|
1217
|
);
|
|
1218
|
}
|
|
1219
|
function tt_SetOpa(el, opa)
|
|
1220
|
{
|
|
1221
|
var css = el.style;
|
|
1222
|
|
|
1223
|
tt_opa = opa;
|
|
1224
|
if(tt_flagOpa == 1)
|
|
1225
|
{
|
|
1226
|
if(opa < 100)
|
|
1227
|
{
|
|
1228
|
// Hacks for bugs of IE:
|
|
1229
|
// 1.) Once a CSS filter has been applied, fonts are no longer
|
|
1230
|
// anti-aliased, so we store the previous 'non-filter' to be
|
|
1231
|
// able to restore it
|
|
1232
|
if(typeof(el.filtNo) == tt_u)
|
|
1233
|
el.filtNo = css.filter;
|
|
1234
|
// 2.) A DIV cannot be made visible in a single step if an
|
|
1235
|
// opacity < 100 has been applied while the DIV was hidden
|
|
1236
|
var bVis = css.visibility != "hidden";
|
|
1237
|
// 3.) In IE6, applying an opacity < 100 has no effect if the
|
|
1238
|
// element has no layout (position, size, zoom, ...)
|
|
1239
|
css.zoom = "100%";
|
|
1240
|
if(!bVis)
|
|
1241
|
css.visibility = "visible";
|
|
1242
|
css.filter = "alpha(opacity=" + opa + ")";
|
|
1243
|
if(!bVis)
|
|
1244
|
css.visibility = "hidden";
|
|
1245
|
}
|
|
1246
|
else if(typeof(el.filtNo) != tt_u)
|
|
1247
|
// Restore 'non-filter'
|
|
1248
|
css.filter = el.filtNo;
|
|
1249
|
}
|
|
1250
|
else
|
|
1251
|
{
|
|
1252
|
opa /= 100.0;
|
|
1253
|
switch(tt_flagOpa)
|
|
1254
|
{
|
|
1255
|
case 2:
|
|
1256
|
css.KhtmlOpacity = opa; break;
|
|
1257
|
case 3:
|
|
1258
|
css.KHTMLOpacity = opa; break;
|
|
1259
|
case 4:
|
|
1260
|
css.MozOpacity = opa; break;
|
|
1261
|
case 5:
|
|
1262
|
css.opacity = opa; break;
|
|
1263
|
}
|
|
1264
|
}
|
|
1265
|
}
|
|
1266
|
function tt_Err(sErr, bIfDebug)
|
|
1267
|
{
|
|
1268
|
if(tt_Debug || !bIfDebug)
|
|
1269
|
alert("Tooltip Script Error Message:\n\n" + sErr);
|
|
1270
|
}
|
|
1271
|
|
|
1272
|
//============ EXTENSION (PLUGIN) MANAGER ===============//
|
|
1273
|
function tt_ExtCmdEnum()
|
|
1274
|
{
|
|
1275
|
var s;
|
|
1276
|
|
|
1277
|
// Add new command(s) to the commands enum
|
|
1278
|
for(var i in config)
|
|
1279
|
{
|
|
1280
|
s = "window." + i.toString().toUpperCase();
|
|
1281
|
if(eval("typeof(" + s + ") == tt_u"))
|
|
1282
|
{
|
|
1283
|
eval(s + " = " + tt_aV.length);
|
|
1284
|
tt_aV[tt_aV.length] = null;
|
|
1285
|
}
|
|
1286
|
}
|
|
1287
|
}
|
|
1288
|
function tt_ExtCallFncs(arg, sFnc)
|
|
1289
|
{
|
|
1290
|
var b = false;
|
|
1291
|
for(var i = tt_aExt.length; i;)
|
|
1292
|
{--i;
|
|
1293
|
var fnc = tt_aExt[i]["On" + sFnc];
|
|
1294
|
// Call the method the extension has defined for this event
|
|
1295
|
if(fnc && fnc(arg))
|
|
1296
|
b = true;
|
|
1297
|
}
|
|
1298
|
return b;
|
|
1299
|
}
|
|
1300
|
|
|
1301
|
tt_Init();
|
