摘要:
1 背景在做应用系统时,经常遇到这样的需求:需要弹出一个页面,选择一些数据,并将数据带回到父页面中去。通常有以下几种情况:选择单行记录,并且将文本赋值到textbox,将编号赋值到hidden上;选择单行记录,并且将文本赋值到textbox,将编号赋值到hidden上,最后刷新页面到后台;选择任意多行记录,并且将文本(逗号隔开)赋值到textbox,将编号(逗号隔开)赋值到hidden上;选择限制的N行记录,并且将文本(逗号隔开)赋值到textbox,将编号(逗号隔开)赋值到hidden上;还有其它一些情况,总之,需要提供一个机制,来支持父子页面的数据传输。我将它分成两种情况:选择单行记录,并 阅读全文
随笔分类 - [02]JS
IE下 Window.Open(url,name), name参数空格、符号问题
2013-01-08 17:39 by Mike.Jiang, 4506 阅读, 收藏,
摘要:
1 背景在检查UI原型时,发现一个特别的问题:同一个打开新窗口的方法,在某个页面中报参数错误(IE下)。打开页面的方法:function OpenWindow(url, title, width, height) { var wWin = window.screen.width; var hHei = window.screen.height; var left = (wWin - width) / 2; var top = (hHei - height) / 2; var setting = 'width=' + width + ',height=' + he 阅读全文
常用的JS[持续更新]
2012-12-05 16:04 by Mike.Jiang, 348 阅读, 收藏,
摘要:
1,获取另一个页面的URLfunction GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}//calleralert(GetQueryString("param1") 阅读全文
TABLE 多表头固定问题(基本jquery插件)
2012-09-06 08:16 by Mike.Jiang, 19859 阅读, 收藏,
摘要:
在这个插件的使用中,部分网友反应有两个问题:1>单元格内容很长时,会出现布局问题;2>固定的表头,有时与下面的tbody中的元素不能对齐解决方法:1>第一个问题实际就是单元格自动换行的问题,可以用下面的方法解决(但仅IE下通过),加入CSSView Code table tbody td { word-break: break-all; word-wrap: break-word; }并在调用时传入tableLayout="fixed",采用固定的table布局方案。2>第二个问题,试过很多种方法,最稳定的... 阅读全文
可多选的下拉列表框
2012-07-20 17:15 by Mike.Jiang, 29876 阅读, 收藏,
摘要:
在网友的使用时,出现一些问题,更新如下:1>在.list加入 z-index:100000;2>将wraper中的样式position:relative删除3>$this.click(function (e) { $(".list").hide();//此句新添加的 $list.toggle(); e.stopPropagation(); });加入$(".list").hide();这次更新的东西,一会JS有用一会没用,疼。。。(UL样式与博客园中的冲突,所以看起起怪怪的)背景:同事在网上的找的下拉列表框出现位置不对的和加载慢的BUG 阅读全文
点击页面其它地方将某个显示的DIV隐藏(改进)
2012-07-17 09:24 by Mike.Jiang, 1596 阅读, 收藏,
摘要:
背景:上周写的《点击页面其它地方将某个显示的DIV隐藏》有一个bug,即当页面中如果也有元素阻止事件冒泡那么则点击时不会隐藏弹出的DIV(原文点击页面其它地方将某个显示的DIV隐藏),经十年灯指点,改进如下:先看效果:点击我中文(简体)English点击我,我有阻止事件冒泡也可以隐藏弹出的DIVJS:View Code //语言头部的点击事件,显示语言列表 $(".language_selected").click(function(e) { $(".language_list").toggle(); ... 阅读全文
点击页面其它地方将某个显示的DIV隐藏
2012-07-12 15:09 by Mike.Jiang, 4258 阅读, 收藏,
摘要:
此文中有一个BUG,改进后点击页面其它地方将某个显示的DIV隐藏(改进)背景:今天一朋友问我“点击一按钮弹出一个DIV,然后要求点击页面其它地方隐藏这个DIV”。先看效果:点击我中文(简体)English点击我,不隐藏语言列表,需要自己隐藏DIV实现也很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。但这样做也有一个缺点,即如果同一个页面中如果也有事件阻止冒泡,则不能隐藏DIV,所以在这样的事件中需要特殊处理下:自己调用隐藏下DIV(但正常来说这样的事件并不多);JS:View Code $(document).ready(fun... 阅读全文
jquery dialog——弹出框1
2012-07-05 22:16 by Mike.Jiang, 13487 阅读, 收藏,
摘要:
在做一个系统时,很多时候需要把一个页面弹出来,让用户做选择一些选择或者页面太小也可以以弹出框的形式来做。但是又不想用浏览器自带的弹出框,这时我们需要自己做一个。下面我们就做一个最简单的弹出框,即有一个阴影遮盖层,然后做一个居中显示的层,最后在居中的层中加一个iframe即可,一个弹出层就做好了。示例CSS代码View Code html, body{ height: 100%; padding: 0; margin: 0;}.dFilter{ position: absolute; width: 100%; height: 100%; z-index:... 阅读全文
数字 三位一节(逗号隔开)表示
2012-06-22 00:06 by Mike.Jiang, 11231 阅读, 收藏,
摘要:
当产品发布给客户使用时,客户总会有这样要求“我们需要所有的数据,都要三位用逗号隔开”。这样的要求一点也不过分,因为当数字达到10万以上时,真心不能一眼看出这个数据是多少。所以我们需要一个友好的数字显示方式,我们需要做一,需要将普通的数字转换为三位表示 1>我们需要在所有的列表中的数据; 2>文本框中的数据都要用三位表示; 3>在前台,输入文本框的值时,自动转换为三位一节的显示方式;二, 需要将三位显示的数据转换为普通的无逗号的数据(因为,如我们需要根据现有的文本框数值去计算)。 1>在后台将三位显示的数字转换为无逗号的数字; 2>在前台将三位显示的数字转换为无逗号 阅读全文
浙公网安备 33010602011771号