首先是父页面的代码： 代码如下: 无标题页 function openDia() { var returned = window.showModalDialog("Default4.aspx?" + (new Date()), window); if (returned) { document.getElementById("ret").innerHTML = returned; } else { document.getElementById("ret").innerHTML = ""; } } --%> function openDia(){ var returned = window.showModalDialog("Default3.aspx?" + (new Date()), window); if (returned){ docum...
#flyout { border: solid 2px Gray; background-color: #FFF999; width: 300px; height: 100px; display: none; } var flyoutTimer; function mouseOutEvent() { //Hide flyout after 1 second when the mouse move out of the flyout zone flyoutTimer = setTimeout(hideFlyout, 1000); } function mouseOverEvent() { //Clear the timer when the mouse move over the flyout clearTimeout(flyoutTimer); } func...
想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最基本的参数： 插件初始化 代码如下:...
于是上网查了下。。。 应该使用 代码如下: System.Web.UI.ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "Button6_Click", "alert(请输入aaa！)", true);
如题，本文将使用纯粹的脚本JavaScript实现渐变的弹出层，其想法也非常简单：利用IFrame实现遮盖，再借助一个DIV用于展现弹出层的内容，最后再使用其内置函数setInterval()和clearInterval()实现渐变，原理非常简单，只不过要注意对DOM对象/元素的精确控制。由于代码比较简单，在此就不再赘述。以下代码在IE6+,FF3.5+测试通过。 脚本Flyout.js: 代码如下: // JScript File if (navigator.userAgent.toLowerCase().indexOf(msie) >...
脚本之家之前发布过这样的代码，其实问题不大，但这里的版本主要是增加一些功能，回调执行服务器端的方法，对于asp.net开发或ajax开发都是非常有价值的改进。先看下效果图：原有百度的Popup.js在有 代码如下: 声明的网页下存在兼容性问题，即在IE6,7,8下，遮罩层是可以全屏，但在Firefox和Chrome下无法全屏遮罩。 造成遮罩层在FF和Chrome下无法全屏的问题在267行： 代码如下:var C = <div id="dialogBoxBG" style="position...
动画效果 从哪个对象上触发的即从该对象开始逐渐向屏幕中间移动，并逐渐展开，展开后里面的显示对象再从上到下慢慢展开。点击关闭时，先将展开的显示的对象慢慢缩回，然后再慢慢移到触发的对象上面。 说的有点绕，我自己都不明白是什么意思，说白了就是从哪儿来回哪儿去。 展现方式 第一种：string 这是最简单最明了的方式，不用多说，就是直接赋值字符串并显示出来。 第二种：ajax 这...
效果图：MC Dialog 功能特点 1.支持键盘操作(esc关闭，enter执行当前获得焦点按钮的事件,屏蔽了ctrl键盘，屏蔽了tab键真正实现了一个模拟浏览器自带对话框的功能) 2.支持焦点智能移动(当焦点移出层外时，自动将焦点移回层或者有按钮则移到按钮上，保证焦点始终在层上，确保快捷键操作正确) 3.智能闪烁提示功能(当焦点移出层外部，比如你在层外点击了，则层会闪烁提示你必须在当前层操作，这里完美模拟了浏览器自带对话框的操作) 4....
jquery 弹出公告 *{margin:0;padding:0;font-size:12px;} li{float:left;width:100px;border:1px solid #ccc;list-style:none;text-align:center;} h3{margin:20px auto;text-align:center;} input{width:120px;height:30px;cursor:pointer;} #notice{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:10px;top:10px;display:none;} $(function(){ $('#open').click(function(){ $('...
1。 效果图： 2。 主页面的代码： 代码如下: function open_windows_and_get_selectedinfo(openwindow, control, control2) { var str = window.showModalDialog(openwindow, window, "dialogWidth=740px;dialogHeight=600px;center=yes;help=no;resizable=no;status=no"); if (!str) return; document.getElementById(control).value = str[0]; document.getElementById(control2).value = str[1]; } 3。 弹出页面的代...
jquery div提示框渐隐弹出与隐藏 *{margin:0;padding:0;font-size:12px;} input{width:120px;height:30px;cursor:pointer;} #note{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;display:none;} $(function(){ $('input').click(function(){ if(!$('#note').is(':visible')){ $('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, func...
showModalDialog和showModelessDialog 一、showModalDialog和showModelessDialog有什么不同？ showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗 口。类似alert的运行效果。 showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡 住一下而以。 二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？ 在被打开的网页里加上就可以...
前不久在官方网站是看见这个插件，所以今天趁有空就看了一下，随便给大家共享一下。也许你早已知道了 ，如果是这样那请跳过，不要拍砖。 这个Jquery插件的目的是替代JavaScript的标准函数alert()，confirm（），和 prompt（）。这个插件有 如下这些特点： 1：这个插件可以使你可以支持你自己的css制定。使你的网站看起来更专业。 2：允许你自定义对话框的标题。 3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函数带来的...
先上图，最终效果如下点击“信息确认”就是弹出一个确认窗口，把已经填报的信息都放到里面看看。 信息放里面很简答，主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下1、页面中引用jquery-1.4.2.js和jqModal.js，注意jQuery要在前面，因为jqmodal是以jQuery为基础的。 2、建立jqModal.css，并引用，主要是些美工的东东，注意div.jqmDialog 的 display为 none。高度和宽度要设置好，挡住下面的，好看~~，我...
点击页面上的按纽，弹出一个层，背景变灰 点击页面上的按纽，弹出一个层，背景变灰 function sAlert(str) { var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor= "#336699 ";//提示窗口的边框颜色 titlecolor= "#99CCFF ";//提示窗口的标题颜色 var sWidth,sHeight; sWidth=document.body.offsetWidth;//浏览器工作区域内页面宽度 sHeight=...