tooltiptest.xml

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

<Application>

	<Window caption="Tool Tip Test" width="300" height="200"/>

	<Resources>
		<Script><![CDATA[

function ToolTipTest() {

	var win = application.getWindow();
	var c = new BiLabel;
	var cb = new BiCheckBox;
	var tt = new BiToolTip;
	var tt2 = new BiToolTip;
	var tt3 = new BiToolTip;
	//var cb2 = new BiCheckBox;
	var cb2 = new BiLabel;

	this._label = c;
	this._checkBox = cb;

	c.setText("Both this label and the application window have " +
		"tool tips. The tool tip for the window has a hideInterval of 10 " +
		"seconds.");
	//c.setTabIndex(1);
	c.setWrap(true);
	c.setPadding(2);
	c.setBackColor("Window");
	c.setBorder(new BiBorder(1, "solid", "ThreeDDarkShadow"));
	c.setLocation(5,5);
	win.add(c);

	cb.setText("Checkbox with tool tip");
	cb.setLeft(5);
	win.add(cb);

	c.setToolTip(tt);
	tt.setHtml("<Span style='color: red'>Tool tip</Span> for component");
	tt.setHideOnHover(false);
	//tt.setPadding(5, 0);

	win.setToolTip(tt2);
	tt2.setHideInterval(10 * 1000);
	//tt2.setOverflowY("scroll");


	cb2.setText("Tool tip for window");
	//cb2.setTabIndex(-1);
	cb2.setIcon(new BiImage("images/folder.open.48.png"));
	cb2.setPadding(5, 2);
	tt2.add(cb2);
	// preferred needs to be set because of nesting. should fix IE55 case in the API

	cb.setToolTip(tt3);
	tt3.setText("Tool tip for checkbox")
	//tt3.setPadding(5, 0);

	tt2.addEventListener("beforeshow", function () {
		tt2.setPreferredWidth(cb2.getPreferredWidth() + 2);
		tt2.setPreferredHeight(cb2.getPreferredHeight() + 2);
		tt2.pack();
	});

	win.addEventListener("resize", this.doLayout, this);
	this.doLayout();
}

ToolTipTest.prototype.doLayout = function () {
	var w = application.getWindow().getClientWidth() - 10;
	this._label.setWidth(w);
	this._checkBox.setTop(this._label.getTop() + this._label.getHeight() + 5);
	this._checkBox.setWidth(w);
};

ToolTipTest.main = function () { new ToolTipTest(); };

		]]></Script>
	</Resources>
</Application>