/* tip_balloon.js v. 1.2 The latest version is available at http://www.walterzorn.com or http://www.devira.com or http://www.walterzorn.de Initial author: Walter Zorn Last modified: 13.7.2007 Extension for the tooltip library wz_tooltip.js. Implements balloon tooltips. */ // Here we define new global configuration variable(s) (as members of the // predefined "config." class). // From each of these config variables, wz_tooltip.js will automatically derive // a command which can be passed to Tip() or TagToTip() in order to customize // tooltips individually. These command names are just the config variable // name(s) translated to uppercase, // e.g. from config. Balloon a command BALLOON will automatically be // created. //=================== GLOBAL TOOPTIP CONFIGURATION =========================// config. Balloon = true // true or false - set to true if you want this to be the default behaviour config. BalloonImgPath = "[%home%]/img/tip_balloon/" // Path to images (border, corners, stem), in quotes. Path must be relative to your HTML file. // Sizes of balloon images config. BalloonEdgeSize = 5 // Integer - sidelength of quadratic corner images config. BalloonStemWidth = 15 // Integer config. BalloonStemHeight = 19 // Integer //======= END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW ==============// // Create a new tt_Extension object (make sure that the name of that object, // here balloon, is unique amongst the extensions available for wz_tooltips.js): var balloon = new tt_Extension(); // Implement extension eventhandlers on which our extension should react balloon.OnLoadConfig = function() { if(tt_aV[BALLOON]) { // Turn off native style properties which are not appropriate balloon.padding = Math.max(tt_aV[PADDING] - tt_aV[BALLOONEDGESIZE], 0); balloon.width = tt_aV[WIDTH]; //if(tt_bBoxOld) // balloon.width += (balloon.padding << 1); tt_aV[BORDERWIDTH] = 0; tt_aV[WIDTH] = 0; tt_aV[PADDING] = 0; tt_aV[BGCOLOR] = ""; tt_aV[BGIMG] = ""; tt_aV[SHADOW] = false; // Append slash to img path if missing if(tt_aV[BALLOONIMGPATH].charAt(tt_aV[BALLOONIMGPATH].length - 1) != '/') tt_aV[BALLOONIMGPATH] += "/"; return true; } return false; }; balloon.OnCreateContentString = function() { if(!tt_aV[BALLOON]) return false; var aImg, sImgZ, sCssCrn, sCssImg; // Cache balloon images in advance: // Either use the pre-cached default images... if(tt_aV[BALLOONIMGPATH] == config.BalloonImgPath) aImg = balloon.aDefImg; // ...or load images from different directory else aImg = Balloon_CacheImgs(tt_aV[BALLOONIMGPATH]); sCssCrn = ' style="position:relative;width:' + tt_aV[BALLOONEDGESIZE] + 'px;padding:0px;margin:0px;overflow:hidden;line-height:0px;"'; sCssImg = 'padding:0px;margin:0px;border:0px;'; sImgZ = '" style="' + sCssImg + '" />'; tt_sContent = '' // Left-top corner + '' + '' + '' + '
' + '
' + '' // Right-top corner + '' + '' // Redundant image for bugous old Geckos that won't auto-expand TD height to 100% + '' + tt_sContent + '' // Right border + '
' // Right-bottom corner + '
' // Image redundancy for bugous old Geckos that won't auto-expand TD height to 100% + '' + '' + '
' + '' + '
' + '