collector.js

使用php+js编写的brocade简单demo

/**
 * panel object.
 */
var PanelDemo = function(){
	
	var panel = new bc.w.Panel("PanelDemo",{dragable:true});
	panel.setWidth(450);
	panel.setHeight(460);
	panel.setStyle({left:'280px',top:'80px',padding:'5px',border:'#ccc solid 1px'});
	panel.addClassName("tranpanel");
	
	
	//create title bar.
	var tbar = new bc.w.TitleBar('Panel对象演示：',{closeIcon:'images/close.gif'});
	tbar.addClassName("titleBar");
	panel.setTitleBar(tbar);
	panel._e.style.backgroundImage="url(images/mask.png)";
	
	panel.content.addClassName("panel");
	
	panel.addChild(document.createTextNode("输入脚本动态修改Panel对象："));
	
	//area
	var style = document.createElement("textarea");
	Element.setStyle(style,{height:'280px',width:'440px'});
	style.value = "alert(panel);\r"+
		"panel.setStyle({backgroundImage:''});\r"+
		"panel.titleBar.setTitle('标题已修改……');\r"+
		"//panel.setTitle('标题已修改……');\r"+
		"var label = document.createElement('label');\r"+
		"label.innerHTML = 'test';\r"+
		"panel.addChild(label);";
	panel.addChild(style);
	
	var bt = document.createElement("input");
	bt.type="button";bt.id="testMenuBt";
	bt.value = " 单击测试 ";
	Element.setStyle(bt,{padding:'20px',margin:'20px'});
	panel.addChild(bt);
	
	
	Event.observe(bt,"click",function(e){
		eval(style.value);
	}.bindAsEventListener(this));
		
	return panel;
}