solidcoloricon.js

ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．

// This class can be used as an icon for any component that uses icons

function SolidColorIcon( sColor, nWidth, nHeight ) {
	BiImage.call(this, null, nWidth || 16, nHeight || 16);
	this.setBackColor(sColor || "red");
	this.setBorder( SolidColorIcon.blackBorder );
};

var _p = SolidColorIcon.prototype = new BiImage;
_p._className = "SolidColorIcon"

SolidColorIcon.blackBorder = new BiBorder(1, "solid", "black");

SolidColorIcon.addProperty("width", Function.READ_WRITE);
SolidColorIcon.addProperty("height", Function.READ_WRITE);


_p.getIconHtml = function (bHasText, bEnabled, sIconPosition, nIconTextGap) {
	var w = this._width;
	var h = this._height;

	var marginSide, blockStyle = "";
	switch (sIconPosition) {
		case "right":
			marginSide = "left";
			break;
		case "top":
			marginSide = "bottom";
			blockStyle = "display:block;"
			break;
		case "bottom":
			marginSide = "top";
			blockStyle = "display:block;"
			break;
		default:
			marginSide = "right";
			break;
	}

	var iconTextGap = bHasText ? nIconTextGap : 0;

	return "<span  style=\"vertical-align:middle;border:1px solid black;overflow:hidden;display:-moz-inline-box;background-color:" +
		this.getBackColor() + ";" +
		(w ? "width:" + w + "px;" : "") +
		(h ? "height:" + h + "px;" : "") +
		blockStyle +
		"margin-" + marginSide + ":" + iconTextGap + "px;" +
		"\"></span>"
};

_p.getLoaded = function ()
{
	return true;
};