有提示确定与取消功能的弹出式窗的代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 有提示确定与取消功能的弹出式窗的代码

Javascript: javascript 实现的类似hao123的多邮箱登录效果; 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果; 出现“不能执行已释放的Script代码”错误的原因及解决办法; “不能执行已释放的Script代码”错误的原因及解决办法; javascript入门·对象属性方法大总结; javascript入门·动态的时钟,显示完整的一些方法,新年倒计时; JavaScript 入门·JavaScript 具有全范围的运算符; 用javascript实现代替marquee的滚动字幕效果代码; [原创]仿google adsense颜色选择器代码，从中易广告联盟程序提取; greenbrower用到的function.js代码集合; javascript flash下fromCharCode和charCodeAt方法使用说明; 内部的小页面，用层制作，随机变色; javascript简写效果“神秘的眼睛”; 用js写“算24”游戏的思路分析与实现代码; [原创]js循环输出图片，不足的要补0; json简单介绍; javascript 获取网页参数系统; [原创]js判断ie方法集锦（含正则）代码短小经典; javascript SocialHistory 检查访问者是否访问过某站点; [原创]js判断是否有中文的脚本_js判断中文方法集合

No. « ‹ 182 183 184 185 › »

技术文章搜索

关键字

Javascript 中的有提示确定与取消功能的弹出式窗的代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 299 ::

收藏到网摘: n/a

javascript下用键盘控制层的移动的代码 js下弹出窗口的变通

我不知道这样的功能叫什么，找了好久也没有找到，所以来找大家帮助了，在此谢谢了。
我的目的是这样的，就是在原有页面基础上，弹出一个新窗，同时原来的页面偏灰色，并且不能操作，必须在弹出的新窗关闭后才能恢复原来窗口的操作。具体效果有点象lightbox和thickbox，我现在是想用thickbox，它可以实现这种旧页面变灰的效果，但是没有办法实现旧页面不能操作的问题。（要在firefox和ie下都能使用，ie的showModalDialog是可以实现这样的目的，但是firefox下不能用啊）

点击运行可以看到效果:

<body onmousemove="moveIt();" onmouseup="end();" ondragstart="return false;" >
<input type="button" value="关闭？" onclick="back.style.background='#333333';back.style.filter='alpha(opacity=40)';back.style.visibility='';wnd.style.display='inline';">
<script>
var isDrag = false;
function execCode(){
var newWin = window.open();
newWin.document.write(tt.value);
}
var oldX=0,oldY=0;
function init(){ isDrag=true; oldX=event.x; oldY=event.y;
}
function end(){ isDrag=false;
}
function moveIt(){ if(isDrag){ var x =window.event.x; var y = window.event.y; hdl.parentNode.style.left = parseInt(hdl.parentNode.style.left.replace("px","")) + (x - oldX); hdl.parentNode.style.top = parseInt(hdl.parentNode.style.top.replace("px","")) + (y - oldY); oldX = x; oldY = y; }
}
</script>
<div id="back" onclick="cancels.click();" onmousemove="moveIt();" onmouseup="end();" style="position:absolute;left:0;top:0;width:1000;height:660;visibility:hidden;"> </div>
<div id="wnd" onmousedown="init();" onmousemove="moveIt();" onmouseup="end();" style="border:1px outset #333333;position:absolute;filter:alpha(opacity=70);top:100;left:200;width:200;height:120;display:none;">
<div id="hdl" style="background:#333377;width:100%;height:20;color:white"><b>窗口</b></div>
<div style="background:#dddddd;width:100%;height:100">
<input type="button" value="确定" onclick="opener=null;window.close()"><input type="button" value="取消" id="cancels" onclick="back.style.visibility='hidden';wnd.style.display='none';">
</div>
</div>
</body>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript下用键盘控制层的移动的代码 js下弹出窗口的变通

Javascript 中的 有提示确定与取消功能的弹出式窗的代码

评论 (0) All

Javascript 中的有提示确定与取消功能的弹出式窗的代码