
WEB开发技巧
文章平均质量分 71
treeClimber
这个作者很懒,什么都没留下…
展开
-
HTML进度条
正在导入数据,已完成 0,请稍候.... | .load_percent{ font-family:宋体; font-style:oblique; font-weight:bold; color:#6666FF; } var already = 0; function display(max){ already++;原创 2006-01-04 13:27:00 · 8789 阅读 · 0 评论 -
续:自定义下拉框类型source(Select、checkbox多选、日期、树型)的说明
接上文,标题《自定义下拉框类型source(Select、checkbox多选、日期、树型)》在日期[TODO]、树型[TODO]处本来“TODO”字样,表示后两种是后续有待实现的功能,无奈被优快云截掉了。所以在此声明,不是有意要忽悠大伙。 下面给出测试代码: /**import ElementUtils.js*/function getOffsetPositi原创 2009-08-07 14:48:00 · 1792 阅读 · 1 评论 -
再贡献,日期下拉控件
/** * 下拉日期控件,支持Date和DateTime两种格式,继承自Dropdown * @author:熊水林 * @created:2009-8-7 * @lastModified:2009-8-8 */var Dropdown_Calendar={ /**protected**/ getShowStr : function(dropDown){ dropDown原创 2009-08-08 22:49:00 · 785 阅读 · 0 评论 -
iframe, frameset
1、frameset下,不需要每个frame都设置contentType,而iframe则必须2、frameset不容易调整高度(当总的高度大于navigator的clientHeight或100%时会撑出滚动条)。iframe处于body内部,可以通过javascript控制高度。3、iframe页面边距不确定,而frameset总会显示恰当的高度,没有多余空白区。 functi原创 2009-10-15 14:25:00 · 851 阅读 · 0 评论 -
自编一个简单的Web菜单
效果:在frameset中Banner菜单+左边平滑菜单。测试页面: frameborder="no" scrolling="no"> var menu = new PlainMenu("aaa"); menu.addBanner("B1", "结算报表"); menu.addItem("原创 2009-11-06 12:17:00 · 880 阅读 · 0 评论 -
操作组合表头(js)
/** *-------------------------------------------------------- * 表头列(cells,texts,rows,cols) * (tableObj,smartObj) *--------------------------------------------------------- */function TableHeader(){原创 2009-11-09 17:34:00 · 1239 阅读 · 0 评论 -
复合表头demo
.grid{ border:solid 1px #EEEEEE; border-collapse:collapse; height1:100%; width:100%; border-bottom: 1px solid #96d9f9; font-size: 14px;}.grid-head{ text-align: center; heigh原创 2009-11-09 17:45:00 · 778 阅读 · 0 评论 -
自定义下拉框类型source(树型)
var imagePath = ""; var barImg, spacerImg, rootImg; var teeImg, teePlusImg,teeMinusImg; var cornerImg, cornerPlusImg, cornerMinusImg; var folderImg, folderOpenImg, leafImg; imgAlign = align原创 2010-01-29 15:13:00 · 925 阅读 · 0 评论 -
JavaScript作品加License
<br />今日闲下来,考虑如何将自己写的SmartTable制作成License,这样就可以作为商业作品来卖了:)不知道可行不可行。<br />思路是这样:<br />1、在SmartTable的初始化方法中加入验证License的代码。<br />2、LicenseNo生成可以采用IP+expiresDate按照自定义的格式组合,此代码由Java生成,嵌入到SmartTable.js中。<br />3、采用一定的加、解密算法(私钥由我保管)将SmartTable的初始化方法写成密文格式,然后执行的时候再原创 2010-12-22 16:01:00 · 2271 阅读 · 0 评论 -
加解密的困惑与思路(接上篇)
<br /> 又花了几天时间在网上搜索了有关JavaScript与Java的加解密方法,两种语言都有实现的无非就RSA、DES、MD5,看似大牌,但都不符合要求或者千篇一律的出现同一漏洞,根本无法使用。<br /> 停下来想一想,求人不如求己;其实所谓加密,就是让一组数据加入一定的规则编码,以窃听方无法准确的知道数据的组成序列。从这一点上讲,往往是这些公开、非常通用、足够复杂的算法越会容易破解,而设以若干组自定义的业务规则保密的时间会越长。<br /> 所以决定自己编写算法,省原创 2010-12-25 23:03:00 · 3960 阅读 · 0 评论 -
不多说,贴代码
<br />var JSEncrypt = {decode:function(source, key){var reverseKey = key.split("").reverse().join("");var encLen = source.split("%").length;var minLen = Math.min(encLen, key.length);var loop = parseInt(encLen / minLen);var target = "";var subStr, subKey;fo原创 2010-12-30 15:04:00 · 837 阅读 · 0 评论 -
在客户端使用JSONP做跨域请求
在javascript/ajax中,由于安全原因,请求都是是遵循“同源策略”的,即不能请求其他域名内(任何其他二级以下域名或其他端口)的资源。但的src属性可以指定为其他域的文件!!所谓jsonp就是这个问题的一种掉渣的解决方案,原理正是利用script的这一特性。首先,在客户端页面(domain1/jsonp.html)定义一个callback方法:function callback原创 2016-01-18 15:42:20 · 2281 阅读 · 0 评论 -
自定义下拉框类型source(Select、checkbox多选、日期、树型)
/** * @author:熊水林(xionglb@163.com) * @created:2009-8-6 * @lastModified:2009-8-7 * @version:1.0 * @CopyRight:本程序归为作者个人呕心力作,不属任何公司,其它任何个人和团体不得篡改、冒领,引用时请注明出处。 * * @descript: * 自定义下拉框,类型有: * 普通的单选Sel原创 2009-08-07 14:45:00 · 4157 阅读 · 0 评论 -
Portal_JS,用JS实现的Portlet效果
有一年多没有关顾自己的博客了,然还有部分博友造访,令我万分感动,现在发布一下最近的一个组件:PortletWin/** * @package ElementUtils.js * @author: 熊水林(xionglb@163.com) * @version:版权所有(2008-7-13) * * 这个包是为方便操作页面元素提供接口,包括拖拽、拉伸、覆盖等 * 综合应用场景:Portlet、M原创 2008-07-21 18:22:00 · 6543 阅读 · 1 评论 -
显示Select的超长Option
selectTip.htc----------------------------------------------------------------------------------------------------------------------------------- function addTip(){ var tip = ; element.in原创 2006-02-20 09:36:00 · 4189 阅读 · 0 评论 -
隔行变色的表格(altColorTable)
alterColorTable.htc:var cssClass = null;function onMouseOver(){ cssClass = element.className; element.className = "overTR";}function onMouseOut(){ element.className = cssClass;}function alte原创 2006-04-05 08:35:00 · 1480 阅读 · 0 评论 -
“流数据”在JavaScript中的应用
JavaScript 作为一种Client端语言,在对一个包含数组型数据的对象作修改(增、删)时,每一条插入或删除语句对于其数组型属性的改变都是实时的,即每当完成一个删除或增加的操作,它的下标值是随时改变的。我把这类对象称为“流数据”对象。可以举出很多例子,比如:Select.options,Element.children,甚至最普通的一个Array对象。(Java语言中的List对象也是如此)原创 2006-08-28 16:36:00 · 1117 阅读 · 0 评论 -
今天工作中关于下拉框的一点总结
我们都知道,HTML的下拉框有点讨厌,它的宽度会随里面Option.text的长度变化而变化,所以我们经常为布局的需要,人为地固定它的宽度(style="width:xxx px"),但另一个问题就出来了:如果option的text相对与设定的宽度来讲过大,势必无法显示完全。以前的时候,我总会对两者难以取舍。但是,鱼和熊掌真的不可兼得吗?通过我今天的一件事来回答它:Yes。在项目中,我用i原创 2006-09-11 09:10:00 · 1277 阅读 · 0 评论 -
汉字转换成拼音
GBHZ2PY.jsvar spell = { 0xB0A1:"a", 0xB0A3:"ai", 0xB0B0:"an", 0xB0B9:"ang", 0xB0BC:"ao", 0xB0C5:"ba",0xB0D7:"bai", 0xB0DF:"ban", 0xB0EE:"bang", 0xB0FA:"bao", 0xB1AD:"bei", 0xB1BC:"ben", 0原创 2006-05-15 11:28:00 · 2046 阅读 · 1 评论 -
小露一手:按拼音检索下拉框选项
版权所有:这是我的原创,转载请尊重我的劳动成果,注明出处,谢谢!测试页面: @author: 熊水林(xionglb@163.com) @lastModified: 2006-7-19 @descript: 按拼音检索下拉框选项--> (声母) 人猿泰山 中南海保镖 神话 战警 大话西游 喜剧之王 母亲 倚天屠龙记 南北少林 霸王别姬原创 2006-07-19 13:58:00 · 5275 阅读 · 5 评论 -
忙活了大半天,公布一个模拟Portlet的js小程序
PortletWinbody{font-size:12px;}a:visited{text-decoration:none;color:slategray;}a:hover{text-decoration:underline;color:slategray;}a:link{text-decoration:none;color:slategray;}.win-function{ positi原创 2006-12-08 17:00:00 · 1350 阅读 · 1 评论 -
勿在重定向的href中定义onclick事件
事情时忙时停,单点登录大致算完成了。不过有个问题不断的蹦出来,是由于客户端的问题导致。 需求是这样的:一个用户同一时间只能在一个地方登录,如果用户已经在线,则拒绝所有后面的登录。 “在线”可以用日志System_Event来标识,惟一的入口是“用户登录”事件;而“不在线”这个状态则可能由三种事件引发:1.用户通过“注销”入口正常退出;2.操作过时Session自动注销;原创 2006-12-20 13:18:00 · 2654 阅读 · 0 评论 -
我的JS TreeView树(一)
/** * @author: 熊水林(Email: xionglb@163.com) * @lastModified 2004-8-30 * @descript: TreeView JS基础实现 */ folders = new Array; seqFolders = new Array; //按层次顺序 count = 0; //node CountNum var ima原创 2007-08-30 18:07:00 · 2869 阅读 · 0 评论 -
我的JS TreeView树(二)
/** * 普通树 drawNode.js */function drawFolder(folder){ var fold_code = folder.code; var fathers = getGrandFather(folder); var content = ; for (var i=fathers.length;i>0;i--){ if (hasBrot原创 2007-08-30 18:19:00 · 1418 阅读 · 0 评论 -
我的JS TreeView树(三)----ctxmenu on treeNode
/*实现drawNode.js的方法,加上右键功能*/function mousedown(nodeCode){ if (event.button == 2){ setColor(nodeCode); showMenu(nodeCode); document.oncontextmenu=function(){return false;} }else if (e原创 2007-09-28 16:31:00 · 1555 阅读 · 0 评论 -
使用requirejs实现include功能
使用过boostrap系列的人,都有一个不爽的地方:每个bootstrap的组件都包含一系列css样式,如果我们一个页面使用2个以上组件,则需要同时引入4行以上代码,比如:为了节省代码和修改的方便,则我们首先会想到像<jsp:include />那样,将这些语句写到一个 resource.html文件中,其他页面直接“include”即可。不幸的是,目前为止除了 chrome等...原创 2018-09-03 12:29:10 · 1480 阅读 · 0 评论