dojo实现透明对话框以及拖动效果

<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.0Transitional//EN " >
< HTML >
< HEAD >
< titlE > NewDocument </ titlE > </ HEAD >
< scripttype = " text/javascript " >
vardjConfig = ... {isDebug:true} ;
</ script >
< scripttype = " text/javascript " src = " dojojs/dojo.js " ></ script >

< script >
dojo.require( " dojo.dnd.* " );
dojo.require( " dojo.dnd.HtmlDragMove " );
dojo.require( " dojo.event.* " );
dojo.require( " dojo.widget.button " );
dojo.addOnLoad(function()
... {
newdojo.dnd.HtmlDragMovesource(dojo.byId("test1"));
newdojo.dnd.HtmlDragMovesource(dojo.byId("test2"));
}
);
functiontt()
... {
alert("-------------------------");
}
dojo.addOnLoad(tt);
</ script >
< BODY >
< buttondojoType = " Button " widgetId = " HelloButton " onclick = " dojo.dom.copyChildren(dojo.byId('t1'),dojo.byId('t2'),truE) " > 提交 </ button >
< buttondojotype = " button " widgetid = " bt " onclick = " dojo.byId('ll').innerHTML+='Helloxinshaoye' " > 显示 </ button >

< divid = " t1 " >
< divid = " ll " > 文本1 </ div >
< div > 文本2 </ div >
< div > 文本3 </ div >
</ div >
< hr >
< divid = " t2 " > 呵呵这是第2个div </ div >
< hr >
< divid = " test1 " style = " width:300px;height:200px;BACkground-color:#ee4444 " > 可以自由拖动 </ div >
< divid = " test2 " style = " width:300px;height:200px;BACkground-color:#ee44dd " > 可以拖 </ div >
</ BODY >
</ HTML >

<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.0Transitional//EN " >
< HTML >
< HEAD >
< titlE > NewDocument </ titlE > </ HEAD >
< scripttype = " text/javascript " >
vardjConfig = ... {isDebug:true} ;
</ script >
< scripttype = " text/javascript " src = " dojojs/dojo.js " ></ script >

< script >
dojo.require( " dojo.widget.Dialog " );
dojo.require( " dojo.widget.button " );

vardlg;
functioninit()
... {
dlg=dojo.widget.byId("dialog0");
}
dojo.addOnLoad(init);
</ script >

< div >
< buttondojotype = " button " onclick = " dlg.show() " > 带表单的对话框 </ button >
</ div >
< br >
< divdojotype = " dialog " id = " dialog0 " bgcolor = " blue " bgopacity = " 0.5 " toggle = " fade " toggleDuration = " 250 " lifetime = " 5000 " >
< formaction = " test.html " @H_878_22@method = " post " >
< tableborder = " 0.5 " >
< caption > 登陆 </ caption >
< trcolspan = 2 >< hr ></ tr >
< tr >< td > 用户名 </ td >< td >< inputtype = " text " ></ td ></ tr >
< tr >< td > 密码: </ td >< td >< inputtype = " text " ></ td ></ tr >
< tr >< td >< inputtype = " submit " id = " hider0 " ></ td >< td >< inputtype = " reset " id = " reset " ></ td ></ tr >
</ table >
</ form >
</ div >

< BODY >

</ BODY >
</ HTML >