2011年12月1日

摘要: 很久没有写过博客了,闲的时候没东西可写,忙的时候没有时间写。前些天,后台的同事提建议说,上传图片不是很好用,后台在线编辑器用的是fckeditor。这时候想到了很久前看过一遍提升用户体验:HTML5 拖放文件上传,于是就打算做一个拖拽上传图片的功能。因为是后台用,所以不用考虑ie的兼容了。1.拖图片进浏览器的时候阻止浏览器的默认行为(比如打开直接图片) dropbox 给我们的容器添加上几个事件绑定dragenter,dragover,drop三个事件 dropbox.addEventListener("dragenter", function(e){ e.stopProp 阅读全文
posted @ 2011-12-01 18:11 倪浩 阅读(11738) 评论(20) 推荐(15) 编辑

2011年8月18日

摘要: 以前网站要实现了一个在线预览文件的功能,其中后台管理时用到了ajax上传。我用的是一个jquery插件ajaxfileupload.js今天同事使用时突然报错了(以前没有问题,我们用的都是火狐浏览器,后来我让她用其他浏览器没有问题),我试了一下也出错了。alertSyntaxError: missing ; before statementerror 这个应该是js语法错误。记得当时也出现过这个错误,不过后来怎么解决的忘记了(当然也可能是我记错了可能)。调用ajaxfileupload上传的部分代码如下 1 $.ajaxFileUpload 2 ( 3 { 4 url:'eb_pric 阅读全文
posted @ 2011-08-18 18:01 倪浩 阅读(3646) 评论(5) 推荐(1) 编辑

2011年8月2日

摘要: 前些时间修改网站首页,首页上有很多地方用到这种方式来展现内容(不一定非得是图片)。虽然显示效果不同,但还是有相同的地方的。于是就自己写了一个插件(别问我为么不在网上搜个插件)下面是效果图,一共有3张切换效果,普通,淡入淡出,滑动源码网页代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w 阅读全文
posted @ 2011-08-02 16:27 倪浩 阅读(1776) 评论(6) 推荐(3) 编辑

2011年7月16日

摘要: 前些天,要实现一个功能。在后台,一些信息是要实时提醒给后台管理员。用的是通过ajax获取最新信息,然后在前台提示;原来系统自带的是弹出一个对话框,然后flash播放铃声;这种方式不是很友好,对话框弹出一会就消失了,这个页面不能最小化,不然是看不到的;另外播放铃声也得要求管理员带上耳机。于是就想到了邮箱中来新邮件那种提示方式,闪动标题栏;思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换;例:【你有新消息】与【 】切换;提示内容弄是动态的,所以替换文字的空格数目也是算出的。这里用全角的空格;但是如果提示消息中有‘数字’等半角字符的话就会出现问题。. 阅读全文
posted @ 2011-07-16 17:27 倪浩 阅读(4626) 评论(15) 推荐(9) 编辑

2011年6月1日

摘要: 据说ecshop的模板类是修改的smarty,不过个人感觉不是修改是完全重写了。它和smarty上只是模板标签上有相同的地方,同时阉割了很多功能。比如$smarty.const.'常量',这个就不能用。其实模板引擎原理上并不复杂,只是把一些模板标签替换为php中的函数,变量,语法结构罢了。这次要在ecshop模板中加入引用常量的功能,只需在函数make_var()中加入两行代码 1 function make_var($val) 2 { 3 if (strrpos($val, '.') === false) 4 { 5 if (isset($this->_ 阅读全文
posted @ 2011-06-01 13:30 倪浩 阅读(613) 评论(0) 推荐(0) 编辑

2011年3月22日

摘要: setTimeout(function (){test('dd')},5000);function test(a){ alert(a); }test() 五秒后执行 阅读全文
posted @ 2011-03-22 15:45 倪浩 阅读(217) 评论(0) 推荐(0) 编辑

2011年3月11日

摘要: <div id='test' >fdsfsdf123</div>如 $('#test1').fadeIn(1000) test 中的英文字符在动画效果结束前会加粗解决方法: 为test层设上背景颜色 阅读全文
posted @ 2011-03-11 10:46 倪浩 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 解决方法:为使用offset的对象的top,left设上值.(另外需要注意的是offset()只对可见元素生效)例如:<div id='test'style="position:absolute;top:0px;left:0px;width:100px; height:100px;" > test</div>$('#test').offset({'top':100,'left':100}); 阅读全文
posted @ 2011-03-11 10:42 倪浩 阅读(561) 评论(0) 推荐(0) 编辑

2011年3月4日

摘要: 写的一个简单的jquery插件,在IE6.0下,自动把div 的position 属性改为absolute。jQuery.fn.extend({ juzhong:function(){ var p={};//在ie浏览器下用top left 和标签相同的做变量,会出问题 h=$(this).height(); w=$(this).width(); p.top =($(window).height()-h)/2; p.left=($(window).width()-w)/2; if($.browser.msie && $.browser.version=='6.0' 阅读全文
posted @ 2011-03-04 17:38 倪浩 阅读(466) 评论(0) 推荐(0) 编辑

导航