//jQuery UI 简单范例
import win.ui;
/*DSG{{*/
var winform = win.form(parent=...; text="Web Form";bottom=361;right=648;border="resizable";cls="AAU_WEBFORM" )
winform.add(  )
/*}}*/

import web.form;

//创建web窗体
var wb = web.form( winform 
	,0x4 /*_UIFLAG_NO3DBORDER*/
	,//可输入_DLCTL_ 前缀的常量以控制下载行为
	,//"USER AGENT"
	);
	
wb.showMenu=function(x,y,id,ele){ 
	return false; //禁用右键菜单,也可以在这里弹出自定义的菜单
}

uiHtml = /**********
	<html>
	<head> 
		<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery.ui.all.css" type="text/css" rel="Stylesheet" />
	
	    <style type="text/css">
        body,#tab{ font-size: 9pt;margin 0px;padding: 0; }
        </style> 
	</head>
	
	
	<body> 
		<div id="tabs" >
			<ul>
				<li><a href="#tab-page1">主页</a></li>
				<li><a href="#tab-page2">JQuery</a></li>
				<li><a href="#tab-page3">演示</a></li>
			</ul>
			
			<div id="tab-page1">
				<BUTTON type=submit>调用AAuto代码</BUTTON>  
				<br /><br /><BUTTON type=submit>调用AAuto代码</BUTTON>  
				<br /><br /><BUTTON type=submit>调用AAuto代码</BUTTON>  
			</div> 
			<div id="tab-page2">  
				<br /> 关于JQuery: <br /> 
				<a href="http://baike.baidu.com/view/1020297.htm" target="_blank">http://baike.baidu.com/view/1020297.htm</a> <br /> 　
				<br /><br /> 关于JQuery UI: <br /> 
				<a href="http://baike.baidu.com/view/2998196.htm" target="_blank">http://baike.baidu.com/view/2998196.htm</a> <br /> 　

			</div>
			<div id="tab-page3"> 
				<br />下面是通过链接直接选择Tabs选项卡操作： 
				<br />
				<br /><a href="" onclick="$('#tabs').tabs('select',1);return false;">点击这里</a>选择第二选项卡 
				<br />源码:&lt;a href="" onclick="$('#tabs').tabs('select',1);return false;"&gt;
				<br />
				<br /><a href="" onclick="$('#tabs').tabs('select',0);return false;">点击这里</a>选择第一选项卡。
				<br />源码:&lt;a href="" onclick="$('#tabs').tabs('select',0);return false;"&gt;
			</div>
		</div>
		
		<p>
		jQuery是一个优秀的Javascrīpt框架,可免费使用,并且在网络上有大量的开源插件,可以轻松制作出漂亮的Web界面.
		而AAuto与Javascript的语法非常接近,在两种语言之间也可以自由的相互调用,在AAuto中,使用Javascript编写桌面软件将不再是神话.
		更多内容请参考《 快手帮助文档 - Web程序设计 》
		</p>
	</body>
	</html>
**********/
wb.write( uiHtml ) //写入HTML
 
wb.external={
	msgbox = win.msgbox;
}

import win.util.tray;
win.util.tray.pop("没有找到本地jQuery UI库
正在通过CDN下载!","请稍候......")

wb.jQuery();//加载jQuery库
wb.loadScript("http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/jquery-ui.min.js", ,"utf-8" ) //加载jQuery UI库 


jQueryReady = /*
	var aauto = external;
	$( 'button', '#tab-page1' ).button().click(
		function() { 
			aauto.msgbox( 'Hello! 我是ID为"tab-page1"中的"button"节点'
				,"JS调用AAuto函数演示" ) 
		}
	);
	
	//创建tab 
	$('#tabs').tabs()  
 
*/
wb.doScript( jQueryReady );
win.util.tray.pop("已完成")

winform.show() 
win.loopMessage();
return winform,wb;


