jslibs.js

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

var me = this;
var JsLibs = function(){
	var jsLibs = new bc.w.Panel("jsLibspanel",{dragable:true});//
	jsLibs.setWidth(750);
	jsLibs.setHeight(400);
	Element.setStyle(jsLibs,{left:'240px',top:'20px',padding:'5px',border:'#ccc solid 1px'});
	jsLibs.addClassName("tranpanel");
	
	//create title bar.
	var tbar = new bc.w.TitleBar('优秀脚本库集锦：',{minIcon:'images/minimize.gif',closeIcon:'images/close.gif'});
	tbar.addClassName("titleBar");
	jsLibs.setTitleBar(tbar);
	
	jsLibs.content.addClassName("panel");
	
	var ct ='<table ><tr><td width="130px" valign="top">'+
				'<div id="leftTab" align="center">'+
				'<ul id=\"libpick\" class="list" style="font-family:\"Courier New\";font-size:14px;font-weight: bold;">'+
				'<li id="dojo">Dojo</li>'+
				'<li id="overlib">OverLib</li>'+
				'<li id="prototype">Prototype</li>'+
				'<li id="qooxdoo">Qooxdoo</li>'+
				'<li id="rico">Rico</li>'+
				'<li id="scriptaculous">Script.aculo.us</li><hr>'+
				'</ul><i>该示例使用了 <b style=\"color:blue\">bc.a.Html</b> 对象实现。</i></div></td>'+
				'<td><div id="resultpanel" style="height:360px;width:530px;border:1px solid #999">'+
				'<p><b>单击左边的演示列表……</b></p></div></td></tr></table>';
	jsLibs.content.setContent(ct);
	
	new bc.u.c.Ul($("libpick"),{
			defaultClass:'default',
			disabledClass:'disabled',
			hoveredClass:'hovered',
			selectedClass:'selected',
			callback:function(rs){
				new bc.a.Html("./result.php?tp="+rs[0],{
														target:'resultpanel',
														indicator:function(b,t){
															if(b)
																Element.update(t,"<img src='images/loading_32.gif'/><b>正在处理请求……</b>");
														}
													});
			}.bind(this)
		});
		
	return jsLibs;
}