代码改变世界

随笔分类 -  Javascript & CSS

javascript事件机制与jQuery.bind的补充说明

2010-05-10 17:36 by BAsil, 2582 阅读, 收藏, 编辑
摘要: 在之前的文章javascript 事件机制 与 jQuery.Bind中,为了说明冒泡阶段中Event Handler Function的表现,我使用了event.data来记录触发function的次数。并且提出了一个问题,就是在jQuery.bind方式中,event.data无法正确记录触发的次数。后来经过测试和查阅网上的相关的资料,得出了一个结论,就是我之前关于event.data的使用方... 阅读全文

javascript 事件机制 与 jQuery.Bind

2010-05-08 23:30 by BAsil, 2760 阅读, 收藏, 编辑
摘要: W3C DOM Level2的事件模型规范中,事件在DOM树中的传播过程(从根节点到目标节点)被分为了两个阶段:捕捉(Capture)和冒泡(Bubbling),而事件在传递的过程中需要先经历Capture Phrase后经历Bubble Phrase 。在firefox下,我们可以用target.addEventListener(type, listener, useCapture),第三个参数... 阅读全文

也实现一个首页图片幻灯效果

2008-07-04 13:16 by BAsil, 3335 阅读, 收藏, 编辑
摘要: 前几天,在园子里看了一个图片幻灯效果,很不错,不过今天想找却找不到了。这两天想把网站的图片幻灯效果给换了,原来的虽然做成了web控件,不过控件里硬编码了javascript和css,甚至还有document.write这样的输出,感觉很是不爽。偶然发现了一篇翻译文章如何使用 JavaScript 创建可维护的幻灯片效果,感觉原作者在构建可分离的javascript和css上颇有心得,不过这里和我想要的效果还有些差异,参照大部分国内网站的实现方式,应该能够实现定时的播放,同时在右下角还应该有一个序列号的指示,就像新浪网的首页那样,既然作者帮我们作了大部分的分离工作,剩下的这部分自己实现,也十分简单。 阅读全文

在javascript中用微软的htc组件调用web service

2006-12-23 14:41 by BAsil, 594 阅读, 收藏, 编辑
摘要: webservice [WebMethod] public string getResult() { return "Hello World"; } 最近在项目中尝试使用了部分YUI,等项目写完了,介绍一下。其实主要是一些简单的用法,还没有深入。另外YUI的邮件组真是好东西,我的很多问题都在上面找到了答案。 阅读全文

Yahoo UI中的Crockford Pattern是什么?

2006-09-19 17:37 by BAsil, 461 阅读, 收藏, 编辑
摘要: 好久没有写博了,有些对不住大家了。不过我的博访问量极少,基本都是我自己浏览的,不过咱还是得抓点紧不是。最近在用Yahoo UI简称YUI的TreeView控件,结合Xmlhttp访问服务器端,真的是挺方便;而且YUI是遵守BSD协议的,不管是自用还是商用都没有版权的问题。在使用的过程中,不可避免的要阅读一下YUI的源代码,发现其中经常遇到一个叫做Crockford Pattern的名次,里面对ja... 阅读全文

htc文件GB2312编码格式导致包含中文的注释行混乱,不易发现(原创)

2006-06-12 14:47 by BAsil, 903 阅读, 收藏, 编辑
摘要: 今天,在htc文件应用一段简单的dhtml时,竟然出现了错误,看一下 var _table = window.document.createElement("TABLE"); window.document.body.appendChild(_table); _table.cellSpacing = 0; _table.cellPadding = 0; _table.className = "M... 阅读全文

Thin的DateChooser代码学习(关于js的函数参数为一个完整的函数以及“对象不支持此属性或方法”错误的解决)(原创,转载请声明)

2006-05-30 16:45 by BAsil, 1418 阅读, 收藏, 编辑
摘要: 今天在学习Thin的DateChooser代码时,发现在I(getelement)函数中传递另外一个完整的函数作为I(getelement)函数的参数。我其实在Ajax的一些简单应用里见到过类似的使用方式但没有用过,因此决定写一个小例子学习一下。不想很简单的一个例子,却调试不过,来看一下代码,为了定位错误,我把例子简化了一下。 运行结果 :出现了运行时间错误。是否进行调试? 错误:对象不支... 阅读全文

jscript中appendChild和cloneNode的区别(原创,转载请声明)

2006-05-29 18:25 by BAsil, 960 阅读, 收藏, 编辑
摘要: 今天研究PowerDataGrid控件的时候,发现一个原来没有注意到的细节。 在使用appendChild(Element)时候,如果Element的ParentNode已经存在,则会首先将该Element从其ParentNode中移除。举个例子: parent tbl 在没有应用appendChild之前,pNode.innerHTML的值为parenttbl 而应用appendChil... 阅读全文

Thin的DateChooser代码学习(getScrollPosition)(原创,转载请声明)

2006-05-27 11:11 by BAsil, 1063 阅读, 收藏, 编辑
摘要: THIN_CS.prototype.getScrollPosition = function(e) { var b=e.document.body; if(e==b)return {left:0,top:0}; with(e.getBoundingClientRect()) { return {left:b.scrollLeft+left,top:b.scrollTop+top}; } } get... 阅读全文

[导入]解决“Internet Explorer 无法打开 Internet站点已终止操作”问题

2006-05-25 23:24 by BAsil, 20382 阅读, 收藏, 编辑
摘要: 昨天晚上添加了展现/隐藏菜单的按钮,今天早晨一打开博客,出现Internet Explorer 无法打开 Internet站点已终止操作。开始以为是网络的问题,可是刷新以后问题依旧。在google上搜索有网友采用document.readyState!="complete"来判断状态,我没有试成功。但是此时问题已经比较明显,在页面没有完全加载的时候就调用了insertAjacementElemen... 阅读全文

[导入]offsetParent和parentElement的区别(原创,转载请声明)

2006-05-24 01:36 by BAsil, 1113 阅读, 收藏, 编辑
摘要: 以下是我个人总结的规律 在td中的元素会把第一个绝对/相对定位的hierarchy parent当作offsetParent,如果没有找到需要分三种情况讨论 一,如果该元素没有绝对/相对定位,则会把td当作offsetParent 二,如果该元素绝对/相对定位并且table没有绝对/相对定位,则会把body当作offsetParent 三,如果该元素绝对/相对定位并且table绝对/相... 阅读全文

[导入]css中的relative和absolute(续)

2006-05-22 17:38 by BAsil, 227 阅读, 收藏, 编辑
摘要: 今天发现一种情况同我在css中的relative和absolute中的理解不太相同,看代码文章来源:http://blog.donews.com/basilwang/archive/2006/05/22/879887.aspx 阅读全文

[导入]css中的relative和absolute(原创,转载请注明)

2006-05-22 08:07 by BAsil, 432 阅读, 收藏, 编辑
摘要: 1 relative [script]#div-1 { position:relative; top:20px; left:40px; border:1 1 1 1 solid #000000 } [/script] [body] [div id="div-1"]ssssssssssssss[BR]sssss[BR]ssss[BR][/div] sdfdffffff [/body] 结论:同gre... 阅读全文