function fnShowMessageBox(sTitle, sMsg)弹窗
//弹窗显示
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)弹窗相关推荐
- 开发kendo-ui弹窗组件
摘要: kendo-ui中只是提供了windwo插件,并没有提供页内弹窗插件.现在分享项目中自己定制的基于window组件的弹窗插件,如果你的项目也是用的kendo-ui,只需要将组件代码引到项目中即 ...
- EXT中创建一个弹窗效果
调用弹窗的代码 第一种弹窗:一级弹窗 二级弹窗: 第二种弹窗:一级弹窗 二级弹窗: 我是写在了一个方法中来触发弹窗,也可以写一个事件来触发 //触发第一种弹窗代码window.setPassWord4 ...
- Mr.J-- jQuery学习笔记(十七)--动画淡入淡出弹窗广告
之前写过动画的隐藏与显示:Mr.J-- jQuery学习笔记(十四)--动画显示隐藏 动画隐藏与显示的一个小demo--对联广告:Mr.J-- jQuery学习笔记(十五)--实现页面的对联广告 展开 ...
- 沫沫金::jqGrid插件-弹窗返回值
应用场景 Web应用中需要弹出任意页面,将操作后的数据在不经过后台直接反馈到父页面.和ajax的区别:1.避免编写大量的后台方法 2.可以弹出普通的页面,支持页面的所有操作 简介 基于jqGrid实现 ...
- uni-app 开发App 口令弹窗
我们用uni-app开发APP 电商类总有口令弹窗的需求 首先我们写弹窗首先就要想到uni-popup 写弹窗非常方便 <uni-popup ref="popup" roun ...
- 单个页面多个按钮调用同一个弹窗,和滚屏展示效果,关闭后,5秒自动弹出滚屏展示!
文件包 http://download.csdn.net/download/cplvfx/10266503 HTML代码 <!DOCTYPE html> <html><h ...
- 微信小程序红包(优惠劵)弹窗的实现
现在的小程序红包.优惠劵满天飞,So,老板终于忍不住把产品经理叫了过去,苦逼的我只好摸了摸头,瞬间安心了. 好了,接下来分享个小程序红包(优惠劵)弹窗给大家,效果看我录制的GIF. 首先梳理一下我的思 ...
- 页面滑动长弹窗,如何阻止页面滚动?
当页面弹层内容过长(如规则弹窗),手动滑动时,经常是滚动页面内容,而非弹层内容,这种情况的用户交互不是太友好. 解决办法: 当弹出弹层时,手动将页面定住,禁止滚动. 首先想到的就是 "fix ...
- layui select下拉框(弹窗中的)
1.html代码 <div id="assignRoles" style="display: none"> <!--style="d ...
最新文章
- 包含锚点平滑滚动效果/解决锚点链接碰到固定定位问题/导航选中背景变色/固顶/返回顶部效果全...
- 怎么修改php.in的时间,melongin怎么设置
- 【转】医学图像中的窗宽、窗位!!
- PostgreSQL 并行查询概述
- java单引号转义_Java基础入门——Java语言基础(上)
- 理论 | 六种延迟队列的实现方案
- App云端打包失败常见问题汇总
- js二(多)叉树算法
- MSSQL2005 活动进程等待类型说明
- sas9.3软件java_SAS9.3 64位版Win7安装指引
- python 状态空间模型_基于状态空间的建模过程
- tcp 粘包是怎么产生的?
- 11年小伙被武汉大学“录取”,上学4年后蒙了,学校:没录取你啊
- stm32f407的串口通信传输不了且串口调试软件无法显示的问题
- java微信多客服_微信多客服聊天功能怎么实现?
- 混合开发中,H5页面与原生app交互(方法互相调用与传参)
- 【Latex 表格】换行+行高
- 转【JMeter】--JMeter下载及使用
- Arduino通过RXTX联通JAVA实现数字温度计案例
- 仕德伟 php 漏洞,网络爱心接力救助绝症女孩——仕德伟网络市场总监朱恋尽“微博”之力...
热门文章
- 20190813:(leetcode习题)加一
- linux处理除零异常,linux – 如何在x86程序集中使用中断来触发被零除错误异常?...
- html保存为svg,JavaScript – 将内联SVG保存为JPEG / PNG / SVG
- Proxmark3 easy gui 5.13 版本 编译日期2019-4-17 冰人4月份最新固件
- android 机子 启动不进入 android
- 中科视拓获千万pre-A轮融资,想做的不仅仅是人脸识别
- 错误:找不到或无法加载主类
- 钱盾率先提出的“全流程屏障”究竟是怎样的一种能力?
- 360分拆计划生变,临时剥离四大业务
- JS设置弹出小窗口。