static.js.tooltip.tip_balloon.js Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of testmaker-core Show documentation
The newest version!
/*
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
// Sizes of balloon images
config. BalloonEdgeSize = 5			// Integer - sidelength of quadratic corner images
config. BalloonStemWidth = 15		// Integer
config. BalloonStemHeight = 19		// Integer
config. BalloonImgPath = '../../../../../../static/js/tooltip/tip_balloon/'; // Path to images (border, corners, stem), in quotes. Path must be relative to your HTML file.
//=======  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%
				+ ''
				+ ''
				+ ''
				+ ''
				+ ' '
				+ ' 













© 2015 - 2024 Weber Informatics LLC | Privacy Policy