前段时间做项目,有个功能是消息提醒。 我相信很多大牛都做过。下面来分享我遇到的问题和解决方案。首先我们的项目是用frameset框架,main代码。这样分了左右两个部分。要求是无论在哪个页面当点击消息图标的时候。能再右下角弹出消息提示。这个我还真没做过。当时查阅了很多的资料。然后先是找到了jquery的message插件。后来又找到了如何操作父框架的js,然后这个问题就解决了。因为我left.jsp是菜单导航。它是不变的。所以我就把消...
artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口。 前言: 自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。 完善的接口 它的接口完善,可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等...
在项目需求中有这样一功能:在页面弹出一个form表单,ajax无刷新提交表单,表单需通过验证。本文给大家介绍jQuery validate+artdialog+jquery form实现弹出表单思路,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。功能描述:在页面弹出一个form表单,ajax无刷新提交表单,表单需通过验证。适用范围:适用于在列表页面新增,修改记录。需要加载的js文件:jquery.min.jsartDialog.jsiframeTools.jsjquery.for...
在java web认证系统开发中,客户要求有数据更新时要在页面弹出提示框,这样方便在旁边的工作人员可以及时的知道有新数据提交了,我们除了使用及时的推送技术外还可以使用ajax来实现这些功能。 代码实现的原理,在页面启用定时执行ajax请求,如果获得数据是最新状态的,要执行语音提示和弹出框提示,这样实现的弊端是频繁的调用数据库,该方法只适合于使用人数较少的系统。 1、加入语音提示动态加入播放语音文件代码:document.getE...
Bootstrap弹出框插件,提供了一个扩展的视图,弹出框(Popover)插件根据需求生成内容和标记,默认情况下是把弹出框(popover)放在它们的触发元素后面。 弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap Data API)来填充。该方法依赖于工具提示(tooltip)。 如果您想要单独引用该插件的功能,那么您...
代码如下: 代码如下: 现在设置的是10秒一次,主要是便于测试,成功后可以根据自己的需要做改动, 比如5分钟那么 var Time=300; 一个小时 var Time=3600; 然后修改弹出的地址,我这里设置的是广告代码,当然你也可以修改成弹出页面,第13行修改为 window.open("http://www.gxlcms.com/","","width=800,height=500"); window.open("http://www.baidu.com/","","width=800,height=500"); 怎么样,掌握了吧?
原理很简单,通过JS动态构建一个div层,将其插入到body中,然后通过调整position的CSS属性为absolute或fixed,使其脱离原来的文档流的位置。再通过适当的加工美化就成了。 代码如下: 标题 [关闭] 内容部分 这就是两个div层的结构,第一个背景遮盖层只有在需要的时候才创建。每个div都定义了一个CSS类,这样便于自定义其外观。 一些基本功能的实现 移动框体 只要在mousemove事件中,计算两次移动鼠标位置的差值,再加上被移...
经过几多周折,终于搞出来了,效果图如下: 具体实现: (1) 编写 jquery.divbox.js 的代码: 代码如下: jQuery.fn.extend( { OpenDiv: function() { var sWidth, sHeight; sWidth = window.screen.availWidth; if (window.screen.availHeight > document.body.scrollHeight) { sHeight = window.screen.availHeight; } else { sHeight = document.body.scrollHeight + 20; } var maskObj = document.createElement("div"); maskOb...
演示代码:测试 .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } $(function(){ //标题层的高度--提示打开或关...
1:只是提醒,不能对脚本产生任何改变; 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 下面我们分别演示: 三种弹出对话框的用法实例 function ale() {//这个基本没有什么说的,就是弹出一个提醒的对话框 alert("我敢保证,你现在用的是演示一"); } function firm() {//利用对话框...
代码如下: /* 弹出窗口定位到浏览器中间 1. show(options{ height:高度 width:宽度 speed:渐显时间 默认0 container:包含的html内容的jquery对象 model:是否是模态窗口,默认true,模态对话框就是在弹层下面在覆盖遮罩层,参考上篇文章Overlay实现 }) 2. close(speed:淡出时间 默认0) */ Q.Panel = function() { var self = this; self._resetPosition = function() { self._container.css("top", self._getTop()); self._containe...
代码如下: // /* author: hongru.chen ** date: 2010-09-15 ** vision: 1.1 */ var Hongru = {}; function $(id){return document.getElementById(id)} Object.prototype.extend = function(target, /*optional*/source, /*optional*/deep) { target = target || {}; var sType = typeof source, i = 1, options; if( sType === 'undefined' || sType === 'boolean' ) { deep = sType === 'boolean' ? source : false; source = ta...
aa * { margin: 0px; padding: 0px; } html, body { height: 100%; } body { font-size: 14px; line-height: 24px; } #tip { position: absolute; right: 0px; bottom: 0px; height: 0px; width: 180px; border: 1px solid #CCCCCC; background-color: #eeeeee; padding: 1px; overflow: hidden; display: none; font-size: 12px; z-index: 10; } #tip p { padding: 6px; } #tip h1, #detail h1 ...
在仿Lightbox效果中,已经基本实现了这个效果,这次主要改进了ie6在fixed时的抖动问题。 此外,还增加了一个用来兼容ie6的fixed的方法,覆盖层也重新“包装”,程序也改成组件的结构。 兼容:ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0 效果预览 http://demo.jb51.net/js/AlertBox/index.htm 程序说明 【实现原理】 弹出层的基本原理在仿Lightbox效果中已经说的差不多了。关键的地方就是定位,一般相对文档的定...
代码如下: 代码如下: 无标题文档 var test=0; function testShowWindow() { //禁用了activex控件你就不记录哈 if(test) { if(!test.closed){ alert('窗口弹出了'); test.close(); }else{ alert('没有弹出噶'); } } //这个你加到 没有弹出时再弹出看看呢 test = window.open('http://sc.jb51.net','test','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no,copyhistory=yes,width=40...