JS弹出自定义菜单+对话框+提示框大全

1.HTML代码!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//ENhtmlxmlns:v=urn:schemas-microsoft-com:vmlxmlns:o=urn:schemas-microsoft-com:office:officeheadid=Head1runat=servertitleJS弹出自定义菜单+警告框+确认框+HTML内容+对话框示例/titlescripttype=text/javascriptsrc=popup.js/scriptscripttype=text/javascriptsrc=popupclass.js/scriptstyletype=text/css.singleStyle{margin:0000;padding:0000;border:solid1px#ffffff;background-color:#FEFEFE;text-align:left;vertical-align:middle;cursor:default;font-size:12px;height:25px;border-collapse:collapse;}.doubleStyle{margin:0000;padding:0000;border:solid1px#ffffff;background-color:#FEFEFE;text-align:left;vertical-align:middle;cursor:default;font-size:12px;height:25px;border-collapse:collapse;}.mouseOnStyle{margin:0000;padding:0000;border:solid1px#000000;background-color:#f6f6f6;text-align:left;vertical-align:middle;cursor:default;font-size:12px;height:25px;}/style/headbodydivstyle='width:100%;height:300px;background-color:white;vertical-align:middle;padding:5px;text-align:center;'onclick='dealShowMenu()'单击此处开始测试/divtableid=table_ShowInfostyle=margin-top:30px;border-width:1px;border-collapse:collapse;border-color:Green;border=1cellpadding=2cellspacing=0borderColor=redtrtd单元格11/tdtd单元格12/td/trtrtd单元格21/tdtd单元格22/td/tr/table/body/html2.JS代码scripttype=text/javascriptfunctiondealShowMenu(){varcontent=getMenuDivHTML();menuParamObj={sTime:'20111106',eTime:'20111206'};//绘制菜单前可以传递一个object类型参数，这样在菜单项单击后可以通过menuItemParamObj来访问此参数showMenu(选择菜单项,content,true,false,200,50,window.event);}functionshowMenu(title,contentHTML,isCursorRelated,isShowTitleBar,width,height,event){ShowHtmlString(title,contentHTML,isCursorRelated,isShowTitleBar,width,height,event);//调用的是popup.js里的方法}functiongetMenuDivHTML(){varcontainerHTML=tablestyle='margin:0000;width:100%;font-size:12px;'cellspacing='0'cellpadding='0'id='div_RightMenu';menuItemList=[{text:弹出警告框,clickFunc:window.parent.menuItem_1_ClickHandler(0,'弹出警告框'),img:images/table/sz1.gif},{text:弹出确认框,clickFunc:window.parent.menuItem_2_ClickHandler(1,'弹出确认框'),img:images/table/fdj.gif},{text:弹出HTML框,clickFunc:window.parent.menuItem_3_ClickHandler(1,'弹出HTML'),img:images/table/zq.gif},{text:弹出对话框,clickFunc:window.parent.menuItem_4_ClickHandler(1,'弹出对话框'),img:images/table/sz2.gif},{text:取消操作,clickFunc:ClosePop();,img:images/table/qx.gif}];for(vari=0;imenuItemList.length;i++){if(i%2==0){containerHTML+=trclass='doubleStyle'onmouseover='this.className=\mouseOnStyle\;'onmouseout='this.className=\doubleStyle\;'style=\cursor:pointer;vertical-align:middle;+(imenuItemList.length-1?border-bottom:none;:)+\onclick=\+menuItemList[i].clickFunc+\tdstyle='width:25px;text-align:right;border-right:1pxsolid#EEEEEE;padding:2px'imgsrc='+menuItemList[i].img+'style=''//tdtdstyle='vertical-align:middle;padding:3px;'+menuItemList[i].text+/td/tr;}else{containerHTML+=trclass='singleStyle'onmouseover='this.className=\mouseOnStyle\;'onmouseout='this.className=\singleStyle\;'style=\cursor:pointer;vertical-align:middle;+(imenuItemList.length-1?border-bottom:none;:)+\onclick=\+menuItemList[i].clickFunc+\tdstyle='width:25px;text-align:right;border-right:1pxsolid#EEEEEE;padding:2px;'imgsrc='+menuItemList[i].img+'style=''//tdtdstyle='vertical-align:middle;padding:3px;'+menuItemList[i].text+/td/tr;}}containerHTML+=/table;returncontainerHTML;}varhasMenuItemClicked=false;varmenuParamObj=undefined;//菜单绘制参数varmenuItemParamObj={itemIndex:undefined,itemText:undefined,param:undefined};//菜单项单击事件参数functionmenuItem_1_ClickHandler(index,text){menuItemParamObj.itemIndex=index;menuItemParamObj.itemText=text;menuItemParamObj.param=menuParamObj;hasMenuItemClicked=true;ShowAlert(系统警告,getJSONString(menuItemParamObj),知道了,300,100,window.event);//调用的是popup.js里的方法//ClosePop();//调用的是popup.js里的方法}functionmenuItem_2_ClickHandler(index,text){menuItemParamObj.itemIndex=index;menuItemParamObj.itemText=text;menuItemParamObj.param=menuParamObj;hasMenuItemClicked=true;ShowConfirm(系统确认,下面的内容是正确的吗?br/+getJSONString(menuItemParamObj),okListener,确定,null,cancelListener,取消,null,300,120,window.event);//调用的是popup.js里的方法//ClosePop();//调用的是popup.js里的方法}functionmenuItem_3_ClickHandler(index,text){menuItemParamObj.itemIndex=index;menuItemParamObj.itemText=text;menuItemParamObj.param=menuParamObj;hasMenuItemClicked=true;ShowHtmlString(系统HTML框,table_ShowInfo.outerHTML,false,true,300,120,window.event);//调用的是popup.js里的方法//ClosePop();//调用的是popup.js里的方法}functionmenuItem_4_ClickHandler(index,text){menuItemParamObj.itemIndex=index;menuItemParamObj.itemText=text;menuItemParamObj.param=menuParamObj;hasMenuItemClicked=true;ShowIframe(系统登录对话框,demo.htm,300,120,window.event);//调用的是popup.js里的方法//ClosePop();//调用的是popup.js里的方法}functiongetJSONString(value){returnvalue.toJSONString();}/scriptscripttype=text/javascriptif(!Object.prototype.toJSONString){Array.prototype.toJSONString=function(){vara=[],//Thearrayholdingthepartialtexts.i,//Loopcounter.l=this.length,v;//Thevaluetobes