//弹窗显示
function fnShowMessageBox(sTitle, sMsg)
{
 var h=fnGetWindowHeight();
 var w=fnGetWindowWidth();
 
 if(!$('divDialogBg'))
 {
        var div = $C('div');
        div.id = 'divDialogBg';
        div.style.backgroundColor = 'black';
        div.style.position = 'absolute';
        div.style.filter = 'alpha(opacity=50)';
        div.style.opacity = '.50';
        div.style.zIndex = 100001;
        div.style.left = 0;
        div.style.top = 0;
        div.style.width = w+'px';
        div.style.height= h+'px';
        document.body.appendChild(div);
            
 }
 if(!$('divDialog'))
    {
        var divBox = $C('div');
        divBox.id = 'divDialog';
        divBox.style.left = (w/2 -150)+'px';
        divBox.style.top = (h/2 -60)+'px';
        divBox.style.position = 'absolute';
        divBox.style.zIndex = 100002; 
        divBox.style.width = '300px';
        divBox.style.height= '120px';           
        //var boxHtml = '<div style="background:url(\'/Skins/zh-chs/5.0.0312/Default/Images/ClewBg1.gif\') no-repeat left top;width:280px; height:110px; padding:5px 10px;text-align:left;position:relative;overflow:hidden;"><h3 id="divDialogTitle" style="font-size:14px;font-weight:bold;padding:0 0 0 16px;margin:0 0 3px;height:23px;line-height:23px; background:url(/Skins/zh-chs/Default/Images/CommonArrow1.gif) no-repeat left 5px;"></h3><div style="padding:5px 15px 5px 20px;line-height:150%;text-align:left;" id="divDialogMsg"></div><div style="padding:3px 0; text-align:center;"><input type="image" title="确定" src="/Skins/zh-chs/5.0.0312/Default/Images/TagBtn.gif" οnclick="$(\'divDialogBg\').style.display=\'none\';$(\'divDialog\').style.display=\'none\';" /></div><div style="position:absolute; top:8px; right:8px; cursor:hand; width:13px; height:13px; overflow:hidden;background:url(/Skins/zh-chs/Default/Images/CloseBtn.gif) no-repeat left top;" οnclick="javascript:$(\'divDialogBg\').style.display=\'none\';$(\'divDialog\').style.display=\'none\';" οnmοuseοver="this.style.backgroundPosition=\'left -13px\'"οnmοuseοut="this.style.backgroundPosition=\'left top\'" title="关闭窗口"></div></div>';
        var boxHtml = '<div style="background:url(\'/Skins/'+GlobalConfig.Language+'/5.0.0312/Default/Images/ClewBg1.gif\') no-repeat left top;width:280px; height:110px; padding:5px 10px;text-align:left;position:relative;overflow:hidden;"><h3 id="divDialogTitle" style="font-size:14px;font-weight:bold;padding:0 0 0 16px;margin:0 0 3px;height:23px;line-height:23px; background:url(/Skins/'+GlobalConfig.Language+'/Default/Images/CommonArrow1.gif) no-repeat left 5px;"></h3><div style="padding:5px 15px 5px 20px;line-height:150%;text-align:left;" id="divDialogMsg"></div><div style="padding:3px 0; text-align:center;"><input type="image" title="确定" src="/Skins/'+GlobalConfig.Language+'/5.0.0312/Default/Images/TagBtn.gif" οnclick="$(\'divDialogBg\').style.display=\'none\';$(\'divDialog\').style.display=\'none\';" /></div><div style="position:absolute; top:8px; right:8px; cursor:hand; width:13px; height:13px; overflow:hidden;background:url(/Skins/'+GlobalConfig.Language+'/Default/Images/CloseBtn.gif) no-repeat left top;" οnclick="javascript:$(\'divDialogBg\').style.display=\'none\';$(\'divDialog\').style.display=\'none\';" οnmοuseοver="this.style.backgroundPosition=\'left -13px\'"οnmοuseοut="this.style.backgroundPosition=\'left top\'" title="关闭窗口"></div></div>';
        document.body.appendChild(divBox);         
        setTimeout(function(){divBox.innerHTML = boxHtml;}, 2)
    }
    setTimeout(function(){
        $('divDialogBg').style.display = 'block';
        $('divDialog').style.display = 'block';
        $('divDialogTitle').innerHTML = sTitle;
        $('divDialogMsg').innerHTML = sMsg;
    }, 10); //延时解决IE6下图片有时不能加载的BUG   
}

///

function fnGetWindowWidth(){
    var vh = 0;
    var _dEt = document.documentElement;
    var _dBx = document.body;
    if(typeof window.innerWidth=='number')vh = window.innerWidth;
    else{
      if(_dEt&&_dEt.clientWidth)vh = _dEt.clientWidth;
      else{
           if(_dBx&&_dBx.clientWidth)vh = _dBx.clientWidth;
      }
       }
    if(!vh||vh<100)vh =100;
     return vh;
}

function fnGetWindowHeight(){
    var vh = 0;
    var _dEt = document.documentElement;
    var _dBy = document.body;
    if(typeof window.innerHeight=='number')vh = window.innerHeight;
    else{
      if(_dEt&&_dEt.clientHeight)vh = _dEt.clientHeight;
      else{
           if(_dBy&&_dBy.clientHeight)vh = _dBy.clientHeight;
      }
       }
    if(!vh||vh<100)vh =100;
     return vh;
}

转载于:https://www.cnblogs.com/gllgsoft/archive/2010/11/19/1882046.html

function fnShowMessageBox(sTitle, sMsg)弹窗相关推荐

  1. 开发kendo-ui弹窗组件

    摘要: kendo-ui中只是提供了windwo插件,并没有提供页内弹窗插件.现在分享项目中自己定制的基于window组件的弹窗插件,如果你的项目也是用的kendo-ui,只需要将组件代码引到项目中即 ...

  2. EXT中创建一个弹窗效果

    调用弹窗的代码 第一种弹窗:一级弹窗 二级弹窗: 第二种弹窗:一级弹窗 二级弹窗: 我是写在了一个方法中来触发弹窗,也可以写一个事件来触发 //触发第一种弹窗代码window.setPassWord4 ...

  3. Mr.J-- jQuery学习笔记(十七)--动画淡入淡出弹窗广告

    之前写过动画的隐藏与显示:Mr.J-- jQuery学习笔记(十四)--动画显示隐藏 动画隐藏与显示的一个小demo--对联广告:Mr.J-- jQuery学习笔记(十五)--实现页面的对联广告 展开 ...

  4. 沫沫金::jqGrid插件-弹窗返回值

    应用场景 Web应用中需要弹出任意页面,将操作后的数据在不经过后台直接反馈到父页面.和ajax的区别:1.避免编写大量的后台方法 2.可以弹出普通的页面,支持页面的所有操作 简介 基于jqGrid实现 ...

  5. uni-app 开发App 口令弹窗

    我们用uni-app开发APP 电商类总有口令弹窗的需求 首先我们写弹窗首先就要想到uni-popup 写弹窗非常方便 <uni-popup ref="popup" roun ...

  6. 单个页面多个按钮调用同一个弹窗,和滚屏展示效果,关闭后,5秒自动弹出滚屏展示!

    文件包 http://download.csdn.net/download/cplvfx/10266503 HTML代码 <!DOCTYPE html> <html><h ...

  7. 微信小程序红包(优惠劵)弹窗的实现

    现在的小程序红包.优惠劵满天飞,So,老板终于忍不住把产品经理叫了过去,苦逼的我只好摸了摸头,瞬间安心了. 好了,接下来分享个小程序红包(优惠劵)弹窗给大家,效果看我录制的GIF. 首先梳理一下我的思 ...

  8. 页面滑动长弹窗,如何阻止页面滚动?

    当页面弹层内容过长(如规则弹窗),手动滑动时,经常是滚动页面内容,而非弹层内容,这种情况的用户交互不是太友好. 解决办法: 当弹出弹层时,手动将页面定住,禁止滚动. 首先想到的就是 "fix ...

  9. layui select下拉框(弹窗中的)

    1.html代码 <div id="assignRoles" style="display: none"> <!--style="d ...

最新文章

  1. 包含锚点平滑滚动效果/解决锚点链接碰到固定定位问题/导航选中背景变色/固顶/返回顶部效果全...
  2. 怎么修改php.in的时间,melongin怎么设置
  3. 【转】医学图像中的窗宽、窗位!!
  4. PostgreSQL 并行查询概述
  5. java单引号转义_Java基础入门——Java语言基础(上)
  6. 理论 | 六种延迟队列的实现方案
  7. App云端打包失败常见问题汇总
  8. js二(多)叉树算法
  9. MSSQL2005 活动进程等待类型说明
  10. sas9.3软件java_SAS9.3 64位版Win7安装指引
  11. python 状态空间模型_基于状态空间的建模过程
  12. tcp 粘包是怎么产生的?
  13. 11年小伙被武汉大学“录取”,上学4年后蒙了,学校:没录取你啊
  14. stm32f407的串口通信传输不了且串口调试软件无法显示的问题
  15. java微信多客服_微信多客服聊天功能怎么实现?
  16. 混合开发中,H5页面与原生app交互(方法互相调用与传参)
  17. 【Latex 表格】换行+行高
  18. 转【JMeter】--JMeter下载及使用
  19. Arduino通过RXTX联通JAVA实现数字温度计案例
  20. 仕德伟 php 漏洞,网络爱心接力救助绝症女孩——仕德伟网络市场总监朱恋尽“微博”之力...

热门文章

  1. 20190813:(leetcode习题)加一
  2. linux处理除零异常,linux – 如何在x86程序集中使用中断来触发被零除错误异常?...
  3. html保存为svg,JavaScript – 将内联SVG保存为JPEG / PNG / SVG
  4. Proxmark3 easy gui 5.13 版本 编译日期2019-4-17 冰人4月份最新固件
  5. android 机子 启动不进入 android
  6. 中科视拓获千万pre-A轮融资,想做的不仅仅是人脸识别
  7. 错误:找不到或无法加载主类
  8. 钱盾率先提出的“全流程屏障”究竟是怎样的一种能力?
  9. 360分拆计划生变,临时剥离四大业务
  10. JS设置弹出小窗口。