- 浏览: 416679 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
jxausea:
java.io.IOException: Keystore w ...
一个opoenfire与smack的例子 -
517913840:
请问 为什么我用roster.getPresence取用户的在 ...
一个opoenfire与smack的例子 -
cymmint:
请了,大哥
轻松利用JQuery实现ajax跨域访问 -
lishujuncat:
多谢,学下了
一个opoenfire与smack的例子 -
InSoNia:
不错
最简单的ajax例子
<html> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> *{margin:0;padding:0;} </style> </head> <body> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <p> 测试 </p> <input type="button" value="点击这里" onclick="sAlert('测试效果 <br/> 嗯!效果还不错! ');" /> <script type="text/javascript" language="javascript"> 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=screen.height;//屏幕高度(垂直分辨率) //背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色) var bgObj=document.createElement("div");//创建一个div对象(背景层) //定义div属性,即相当于 // <div id="bgDiv" style="position:absolute; top:0; background-color:#777; filter:progid:DXImagesTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75); opacity:0.6; left:0; width:918px; height:768px; z-index:10000;"> </div> bgObj.setAttribute("id","bgDiv"); //alert("***********") bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.background="#777"; bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; bgObj.style.opacity="0.6"; bgObj.style.left="0"; bgObj.style.width=sWidth + "px"; bgObj.style.height=sHeight + "px"; bgObj.style.zIndex = "10000"; document.body.appendChild(bgObj);//在body内添加该div对象 var msgObj=document.createElement("div")//创建一个div对象(提示框层) //定义div属性,即相当于 // <div id="msgDiv" align="center" style="background-color:white; border:1px solid #336699; position:absolute; left:50%; top:50%; font:12px/1.6em Verdana,Geneva,Arial,Helvetica,sans-serif; margin-left:-225px; margin-top:npx; width:400px; height:100px; text-align:center; line-height:25px; z-index:100001;"> </div> msgObj.setAttribute("id","msgDiv"); msgObj.setAttribute("align","center"); msgObj.style.background="white"; msgObj.style.border="1px solid " + bordercolor; msgObj.style.position = "absolute"; msgObj.style.left = "50%"; msgObj.style.top = "50%"; msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; msgObj.style.marginLeft = "-225px" ; msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; msgObj.style.width = msgw + "px"; msgObj.style.height =msgh + "px"; msgObj.style.textAlign = "center"; msgObj.style.lineHeight ="25px"; msgObj.style.zIndex = "10001"; //alert("***********") var title=document.createElement("h4");//创建一个h4对象(提示框标题栏) //定义h4的属性,即相当于 // <h4 id="msgTitle" align="right" style="margin:0; padding:3px; background-color:#336699; filter:progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100); opacity:0.75; border:1px solid #336699; height:18px; font:12px Verdana,Geneva,Arial,Helvetica,sans-serif; color:white; cursor:pointer;" onclick=""> 关闭 </h4> title.setAttribute("id","msgTitle"); title.setAttribute("align","right"); title.style.margin="0"; title.style.padding="3px"; title.style.background=bordercolor; title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity="0.75"; title.style.border="1px solid " + bordercolor; title.style.height="18px"; title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; title.style.color="white"; title.style.cursor="pointer"; title.innerHTML="关闭"; title.onclick=removeObj; var button=document.createElement("input");//创建一个input对象(提示框按钮) //定义input的属性,即相当于 // <input type="button" align="center" style="width:100px; align:center; margin-left:250px; margin-bottom:10px;" value="关闭"> button.setAttribute("type","button"); button.setAttribute("value","关闭"); button.style.width="60px"; button.style.align="center"; button.style.marginLeft="250px"; button.style.marginBottom="10px"; button.style.background=bordercolor; button.style.border="1px solid "+ bordercolor; button.style.color="white"; button.onclick=removeObj; function removeObj(){//点击标题栏触发的事件 document.body.removeChild(bgObj);//删除背景层Div document.getElementById("msgDiv").removeChild(title);//删除提示框的标题栏 document.body.removeChild(msgObj);//删除提示框层 } document.body.appendChild(msgObj);//在body内添加提示框div对象msgObj document.getElementById("msgDiv").appendChild(title);//在提示框div中添加标题栏对象title var txt=document.createElement("p");//创建一个p对象(提示框提示信息) //定义p的属性,即相当于 // <p style="margin:1em 0;" id="msgTxt"> 测试效果 </p> txt.style.margin="1em 0" txt.setAttribute("id","msgTxt"); txt.innerHTML=str;//来源于函数调用时的参数值 document.getElementById("msgDiv").appendChild(txt);//在提示框div中添加提示信息对象txt document.getElementById("msgDiv").appendChild(button);//在提示框div中添加按钮对象button } </script> </body> </html>
第二种方式,不过在firefox上有一点问题
<html> <head> <title> Mark </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <script type="text/javascript"> function GetMark() { var eif=document.getElementById('hideIframe'); if(eif!=null) { document.body.bgColor='black'; eif.style.display=""; } else { var e=document.createElement("iframe"); e.id="hideIframe"; e.scrolling="no"; e.frameborder=0; e.style.position="absolute"; e.style.top=0; e.style.left=0; e.style.margin=0; e.style.width='100%'; e.style.height='100%'; e.style.filter="Alpha(style=0,opacity=30)"; document.body.appendChild(e); document.body.bgColor='gray'; //e.document.body.bgColor='gray'; e.contentWindow.document.write(" <div align='center' style='position:absolute;top:"+document.body.clientHeight/2+";width:100%'> <font size='5'> <b> 正在处理您的请求...... </b> </font> </div>"); e.contentWindow.document.body.onclick=HideIf; } } function HideIf() { document.getElementById('hideIframe').style.display="none"; document.body.bgColor=""; } </script> </head> <body style="margin:0px"> <input type="button" id="btn1" onclick="GetMark()" value="获取Mark"/> <div style="background-color" /> </body> </html>
发表评论
-
javascript url 传递参数中文乱码问题解决方案
2010-03-04 16:49 6025本文来自http://hi.baidu.com/%B4%FA% ... -
javascript创建节点div时,设置float属性不能生效
2009-09-01 10:41 1541好像浮动属性不能写成diva.style.float来改 . ... -
关于javascript的Array对象
2009-07-09 08:23 1343//Javascript中Array的默认方法里没有提供ind ... -
javascript离开当前页面就出发事件
2009-07-06 14:27 3268<!DOCTYPE HTML PUBLIC " ... -
用javascript向多选框添加监听事件!
2009-06-09 17:41 2985<html> <body> ... -
(网页一开始就加载)用JS弹出网页对话框后,后面那一层变灰,变成不可操做。
2009-02-27 15:33 0(可参考发布的一篇-用JS弹出网页对话框后,后面那一层变灰,变 ... -
替代全角和半角括号的方法示例
2009-02-26 14:36 3768<html> <head> & ... -
javascript中的各种输入限制
2009-02-26 14:19 1473转自http://www.blogjava.net/dream ... -
有关层定位、显示、隐藏的例子
2009-02-11 17:12 2274要移动层(把层移动到某个位置)就必须先将层设置绝对定位 sty ... -
想把某些内容固定在某些地方总是显示当前页面上
2008-12-16 16:23 1372作用:当在一个内容很长的页面中,想把某些内容固定在某些地方总是 ... -
css细线表格
2008-10-08 17:12 1421<style type="text/css ... -
jquery手记
2008-09-12 14:03 2616JQuery拿取对象的方式 $(‘#id’) :通过元素的id ... -
css细线表格
2008-09-03 10:21 2348<style type="text/css&q ... -
javascript+CSS下拉菜单演示
2008-08-21 15:15 3246<!DOCTYPE html PUBddC " ... -
javascript 显示剩余的时间
2008-08-15 09:05 2259function formatTime(reallyTime) ... -
javascript屏蔽按健
2008-08-05 09:00 1114document.oncontextmenu=function ... -
javascript时间差
2008-07-31 14:38 1896var d1=new Date(2008,7,10 ... -
window.open() 父子页面的传参&传值问题
2008-06-30 11:25 37493window.open() 传参问题: 父页面中: windo ... -
firefox并不支持selectSingleNode和selectNodes的解决方法
2008-06-30 09:27 5442function test(){ var perid = ... -
IE和firefox中的一些javascript总结
2008-06-17 10:15 2336注意的一些问题: (一)尽量使用javascript/DOM ...
相关推荐
NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
内容索引:脚本资源,jQuery,弹出框,对话框,jQuery插件 jQuery cvbox 简易弹出对话框插件,未压缩版本是6K大小,压缩后只有2K大,应该算很轻了。它可完成: 1.弹出普通的网页提示框 2.弹出提示框1秒后自动关闭 ...
点击按钮弹出悬浮层,层上有数据且可以关闭 页面点击按钮后出现遮罩层,遮罩层上面有...所以选择弹出层,一层遮罩层,一层显示详情层,遮罩层的好处可以让用户在看详情的时候不能操作页面其他位置,防止页面出现错误。
1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 ...
1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 ...
Zebra_Dialog是一个可灵活配置的遮罩对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2 支持。可用于替换JavaScript原始的“alert” 和“confirmation”对话框。这个插件使用jQuery Plugin Boilerplate构建。
lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 版本(2011-07-04 发布): V3.5.2 窗口lhgdialog.min.js文件的url...
今天要做的是点击一个html元素让其弹出一个友好的对话框来,首先要明确两点,一点是我可能会大量的用到这种方式,甚至不希望出现系统的alert或confirm,第二点就是弹出的内容尽量的可以多种化,甚至可以自定义。...
分享一款jquery Ajax弹出对话框插件SimpleModal 11.下载jQuery对话框Dialog弹出层插件演示与使用说明 12.实用jQuery漂亮浮动层插件,精美Dialog代码 13.带关闭按钮jquery+div消息弹出层代码例子 14.推荐...
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
-修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel的边框ShowBorder="false"。 +集成Extjs最新版本v3.1.1。 -增加一个新的Theme - Access。 -修正了Fire...
calendarPopup 一个弹出日历表格,用以确保输入的日历是按照特定的格式进行输入的,主要特色包括:日历链接,按照需要的方式设定日历的格式,按照需要可以在日期项目间增加分隔符等等功能 MX95982_shortcutIconOB_v1...
直接关闭窗口,不弹出确认关闭的对话框 flat_button 用CSS改变了样式的文本框或按钮 format_css_4 规范化<style>代码,附带若干选项设置。 explore 在DW的Site窗口中选中文件夹后在右键菜单中添加一条“在资源...
mxp/以前的连接外部javascript文件的插件都做的一般,使用不直观,这个在object面板中加入了一个按钮,使用方便多了 mxp/使页面中的图片都恢复到原始大小,可以作用到单个页面或者整个站点,甚至是site窗口选中的...
inset timestamp 使用这个Object 可以在当前的网页中插入一个“timestamp”标签, 当用户更新当前网页后这个标签能够自动显示最后更新日期。 Background that fit 这个Object的作用是插入一个图象作为网页的背景,...
熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...
10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...
10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...
有的时候安装软件出问题了,一个对话框弹出来说出错了,马上举手问老师:“不得了了,出错了,出错了”。 “什么错误?” “还没看呢?” 这都是典型的不上心的方法!请记住,学习编程并不是一件很容易的事情...
- 弹出层中的弹出层关闭,父窗口失去焦点问题。 - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - ...