摘要：这是一篇总结性质的日志。目的是使用原生js得到页面的总宽度，高度，左上角坐标，鼠标落点的绝对和相对坐标。需要兼容的浏览器有IE6，IE8，FF4，Chrome 10，Safari 5，Opera 11。解释一下为什么不测试Chrome，Safari这些浏览器更早的版本。一是因为他们历代版本在这方面改动不大，基本向后兼容。二是，这些浏览器在中国占有率和使用率都太低了。下面是总结：目的：得到页面总宽度document.body.scrollWidth：全部正确document.documentElement.scrollWidth：全部正确document.body.clientWidth：全部正 阅读全文

摘要：上一篇日志写的日历控件，后来想想还不如直接用三个select方便，而且也不漂亮。根据“最少点击”原则，后来又折腾了一段时间，做了个新的日历控件。它看上去是这样的：点击日期，弹出选择栏，带半透明效果，滑过变色效果。下面的确认，取消按钮是直接做在背景图上的，没有任何按钮效果（因为点两个的效果都是关闭这个控件，没必要做效果）背景图是这样的由于透明色简单，所以打算做成png格式，无奈IE6下错误地透明了近似颜色，导致背景图残破，只好换成gif。HTML代码，依然是典型的div+iframe格式，用三个li显示日期，另外11个li显示弹出的数字选择。两个span做确认和取消按钮。<div clas 阅读全文

摘要：项目需要一个js日期控件，现在找的js控件大小57kb，使用灵活但显得太臃肿。因此昨天花两个小时写了个小巧美观的日期控件，它看起来是这样的：外观有点山寨手机上的日期选择器，而且确定按钮设计的偏小，不过这都可以再改。考虑到日期控件将作为一个浮动层出现在任何地方，因此在IE6下有可能遇到select无法遮挡的BUG，所以采用标准的div+iframe结构。8个按钮用了8个LI元素。HTML代码如下：<div class="colordate"> <iframe frameborder="0"></iframe> <u 阅读全文

摘要：网上类似的jQuery和非jQuery表格控件都非常多了，由于项目需要，我没有时间去找一个合适且小巧的表格控件，于是自己写了一个。这个表格控件要实现如下的目标：1.列宽可以控制2.有鼠标滑过和选中高亮效果3.标题列支持添加排序回调函数4.事件绑定要少，因为表格数据是ajax动态加载的5.支持多选首先用HTML写一个表格框架，这里表扬一下特别好用的Zen Coding插件，写table.colortable>thead>tr>th*4就可以生成所需的结构<table class="colortable"> <thead> <tr 阅读全文