📄 dialog.js
字号:
var msg = new Array();// 消息数组var btn = new Array();// 按钮var form;// 表单var image_path = "../images/common/em/";// 页面提示function callbackMsg(title, w, h, type){ // 将页面中的所有下拉列表全隐藏 var selectObj = document.getElementsByTagName('select'); var num = selectObj.length; for (var i=0; i < num ; i++ ) { selectObj[i].style.display = 'none'; } var divWidth = parseInt(w); var divHeight = parseInt(h); var cw = document.body.clientWidth; var ch = parent?parent.document.documentElement.clientHeight:document.documentElement.clientHeight; var st = parent?parent.document.documentElement.scrollTop:document.documentElement.scrollTop; var sh = parent?parent.document.documentElement.scrollHeight:document.documentElement.scrollHeight; var total_height = sh + st; if (sh < ch) { var total_height = ch + st; } var LeftPosition = (cw - divWidth)/2; var TopPosition = (ch - divHeight)/2 + st - divHeight; var title_height = 30; var btn_height = 30; var content_height = divHeight - title_height - btn_height; /* * 创建页面 * <div id="msg_bg_div"></div> * <div id="msg_div"> * <div id="title_div">标题</div> * <div id="content_div"> * 提示内容 * 按钮 * </div> * </div> */ var bgDiv = document.createElement("DIV"); bgDiv.className = "msg_bg_div"; bgDiv.id = "msg_bg_div"; bgDiv.style.display = 'block'; bgDiv.style.top = 0; bgDiv.style.left = 0; bgDiv.style.background = "#181818"; bgDiv.style.filter = "alpha(opacity=60)"; bgDiv.style.opacity = 40/100; bgDiv.style.MozOpacity = 40/100; bgDiv.style.height = total_height+'px'; document.body.appendChild(bgDiv); var msgDiv = document.createElement("DIV"); msgDiv.className = "msg_div"; msgDiv.id = "msg_div"; msgDiv.style.display = ''; msgDiv.style.width = divWidth+'px'; msgDiv.style.height = divHeight+'px'; msgDiv.style.top = TopPosition+'px'; msgDiv.style.left = LeftPosition+'px'; var titleDiv = document.createElement("DIV"); titleDiv.className = "title_div"; titleDiv.id = "title_div"; titleDiv.style.display = ''; titleDiv.style.height = title_height+'px'; titleDiv.innerHTML = '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="msg_title" height="'+ title_height +'"> '+ title +'</td><td align="right" width="20"><img id="close_msg" src="../images/common/close_msg.gif" width="9" height="9" border="0" alt="关闭" onmouseover="document.getElementById(\'close_msg\').src=\'../images/common/close_msg2.gif\'" onmouseout="document.getElementById(\'close_msg\').src=\'./images/control/close_msg.gif\'" onclick="closeMsg()" style="cursor:pointer"> </td></tr></table>'; msgDiv.appendChild(titleDiv); var contentDiv = document.createElement("DIV"); contentDiv.className = "content_div"; contentDiv.id = "content_div"; contentDiv.style.display = ''; // 取表单 var form_begin = ''; var form_end = ''; if (form) { form_begin = form; form_end = '</form>'; } var str = ''; for (var i=0; i < msg.length; i++) { if (i == 0) { str = msg[0]; } else { str += "<br>" + msg[i]; } } // 调整高度 if (i > 1) { content_height = i*21 + 10; new_div_height = content_height + title_height + btn_height; if (new_div_height > divHeight) { divHeight = new_div_height; } msgDiv.style.height = divHeight+'px'; } var body_height = divHeight - title_height - btn_height; // 取图标 var em; var em_image = ''; switch (type) { case 0: em = "em_error.gif"; break; case 1: em = "em_success.gif"; break; case 2: em = "em_waiting.gif"; break; case -1: em = "em_failed.gif"; break; default: em = "em_error.gif"; break; } var em_image = "<img src="+image_path+em+" border='0'>"; var code = '<table width="0" height="'+body_height+'" border="0" cellspacing="0" cellpadding="0" align="center" valign="bottom">'+form_begin+'<tr><td>'; code += '<table height="100%" cellpadding="5"><tr>'; code += '<td>'+em_image+'</td>'; code += '<td class="msg_content">'+ str +'</td>'; code += '</tr></table>'; code += '</td></tr>'; code += '<tr><td align="center" height="'+btn_height+'">'; var btn_code = ''; for (var i=0; i < btn.length; i++) { if (i == 0) { btn_code = btn[0]; } else { btn_code += ' '+btn[i]; } } code += btn_code; code += '</td></tr>'+form_end+'</table>'; contentDiv.innerHTML = code; msgDiv.appendChild(contentDiv); document.body.appendChild(msgDiv); msg_div.focus(); msg = new Array(); btn = new Array(); form = new Array();}// 添加消息function addMsg(message){ var index = msg.length; msg[index] = message;}// 添加表单function addForm(name,action,method,target){ form = '<form name='+name+' id='+name+' action='+action+' method='+method+' target='+target+'>';}// 添加关闭按钮function addCloseButton(value, is_refresh){ var index = btn.length; var str=0; if (is_refresh) { str = 1; } btn[index] = '<input type="button" name="close" value="'+value+'" class="btn" onclick="closeMsg('+str+')">';}// 添加跳转按钮function addRedirectButton(name, value, src, target, redirect){ var index = btn.length; if (target) { if (redirect) { btn[index] = '<input type="button" name="'+name+'" value="'+value+'" class="btn" onclick="closeMsg();window.open(\''+src+'\',\''+target+'\');window.location.href=\''+redirect+'\';">'; } else { btn[index] = '<input type="button" name="'+name+'" value="'+value+'" class="btn" onclick="closeMsg();window.open(\''+src+'\',\''+target+'\');">'; } } else { btn[index] = '<input type="button" name="'+name+'" value="'+value+'" class="btn" onclick="window.location.href=\''+src+'\'">'; }}// 添加提交数据按钮function addFormButton(name,value,form_name){ if (form) { var index = btn.length; btn[index] = '<input type="button" name="'+name+'" value="'+value+'" class="btn" onclick="document.forms[\''+form_name+'\'].submit();closeMsg();">'; } else { return false; }}// 添加刷新按钮function addRefreshButton(name, value){ var index = btn.length; btn[index] = '<input type="button" name="'+name+'" value="'+value+'" class="btn" onclick="self.location.reload()">';}// 关窗户function closeMsg(is_refresh){ // 显示页面上的所有下拉 var selectObj = document.getElementsByTagName('select'); var num = selectObj.length; for (var i=0; i < num ; i++ ) { selectObj[i].style.display = ''; } $('msg_bg_div').style.display = 'none'; $('msg_div').style.display = 'none'; $('title_div').style.display = 'none'; $('content_div').style.display = 'none'; document.body.removeChild($('msg_bg_div')); document.body.removeChild($('msg_div')); if (is_refresh) { window.location.reload(); } }
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -