分类存档: WEBdevelop

ECSHOP可在后台自定义价格区间的方法

ECSHOP系统的在商品的价格区间是自动生成,用户最多能设置的是分成几个区间,而不能设置每一个区间的具体数值。

如下图:

在实际使用上几乎没什么意义,而用户只能设置多少个区间,如下图:

所以我们的目标是将这个部分该为用户可随意配置价格区间。

继续阅读 »

DHTMLX开发库在IE9下报错解决

DHTMLX 西林我就不用说了,它的集成库可以方便我们开发大型的WEB系统。但是再大的公司免不了遭遇浏览器兼容性的BUG。

这几天西林我在做DHTMLX的时间表的集成工作,程序写完后发现在GG\FF\IE6-IE8都没问题,本来我还满怀信心走一遍IE9,灾难就降临了。表格中不出现数据,开始我以为是我的程序有问题,打开控制台心都凉了。是DHTMLX的scheduler中的load属性报错,说没有该属性存在,错误如下:

SCRIPT438: Object doesn't support property or method 'load'
dhtmlxscheduler.js, line 1 character 2384

后来我改用 scheduler.parse 方法来获取数据却报如下错误:

SCRIPT438: Object doesn't support property or method 'selectNodes'
dhtmlxscheduler.js, line 33 character 137

又来又不得不赶快去官网看,是否有遇到和西林相同遭遇的难兄难弟们。幸运的是官方已经发现并提供了代码修复的方案。

这里是部分原文:

When testing the DHTMLX library with IE9, we found an incompatibility issue that appears when data is loaded from an XML file. To fix this issue, please use dhtmlxcommon.js which can be downloaded here. We have also fixed the problem with drawing of node labels in dhtmlxTree in IE9 Beta.

All component packages, which are available for download from our site, already contain the fixed dhtmlxcommon.js. Users of dhtmlxSuite PRO Edition will receive the link to the compiled dhtmlx.js with applied fixes by email.

具体的解决办法是下载官方提供的fix文件dhtmlxcommon.js然后将文件拷贝到codebase的目录下,并加载到页面中,代码如下:

再打开页面一试,这个世界完美了。呵呵!为了方便墙内的朋友,西林决定提供一个本地下载方便大家。

本地下载:[download id=”8″]

官方原文地址:http://www.dhtmlx.com/blog/?p=604

ParseUnicode 汉字转unicode编码转换小工具

近日在项目的系统中需要添加一个在线编辑器,我首选了tinymce方案,虽然这个编辑器是开源免费的,但是图片上传的功能模块却是收费的(奶奶个熊!),默认情况下图片只能使用外连接,没办法只好自己在编辑器功能里面写扩展了。 继续阅读 »

前端开发的异常错误记录

在前端开发的过程中时常会遇到这样那样的小问题,如果一篇文章来写的话感觉太零散,这里我单独整理一个篇文章用于记录这些零散的问题和解决方案。

1、jquery 1.6.1 的事件BUG

这几天在开发工作中发现一个问题,就是浏览器不停在控制台下出现如下错误提示:

  1. event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

开始我以为是我的程序写的有问题或者是chrome浏览器出问题了,后来在stackoverflow上发现很多人也遇到了这个情况。又来有原因是事件在申明过程错误。解决办法如下,在你的JS代码中添加如下代码即可:

  1. (function(){
  2.     // remove layerX and layerY
  3.     var all = $.event.props,
  4.         len = all.length,
  5.         res = [];
  6.     while (len--) {
  7.       var el = all[len];
  8.       if (el != 'layerX' && el != 'layerY') res.push(el);
  9.     }
  10.     $.event.props = res;
  11. }());

目前这个BUG已经提交到了JQUERY的BUG平台上面,应该会在未来的版本里进行修正。

2、可恶的迅雷插件

这段时间在chrome下开发JS程序时,一个好好的页面莫名其妙的报出错真让人摸不着头。关键也是错误并不是页面自身,而是chrome中的某一个JS脚本错误。错误如下:

  1. Uncaught ReferenceError: xl_chrome_menu is not defined

于是求助于网络大牛们,终于找到问题的所在,原来是迅雷的chrome插件引起的,于是果断删除该插件,世界终于清静了。嘿嘿

Fireworks与Photoshop 优化图片比较

前段时间在做项目的网站的优化是,同事提出了使用fireworks来优化PNG图片的方案,因为我一直使用PS软件来处理和优化图片,所以对这个并不是很了解,于是在通过GOOGLE搜索到一篇关于FIREWORKS的优化比较。 继续阅读 »

DD_belatedPNG在iframe页面显示空白的bug

DD_belatedPNG 是我们常用的解决IE6不支持PNG图片背景的JS解决方案。 继续阅读 »

IE6怎么才能支持微软雅黑

IE6不支持“微软雅黑”的中文字体,是让前端人员蛋痛,界面设计师无奈的事情。当然让IE6支持微软雅黑也不是不可能的,只是实现后的价值不大。

西林从网上搜索了一下关于这个问题,并总结出一下解决方案,但是我个人的看法这个只能算是一个研究,并不能真正有效的应用在实际的开发过程中。 继续阅读 »

A标签下无法提交表单

有些时候为了能满足界面设计的需要,很多情况下大家会使用A标签来模拟提交按钮。为了防止a标签默认事件的触发,部分童鞋会写成这样:

  1. <a href="javascript:void(0);">提交</a>

然后通过JS代码去监听用户的鼠标事件,在大部分浏览器中该方法都可以正常执行,唯独在IE6的时候只有死翘翘~ 包括使用jquery都会出问题。这个是什么原因呢?该如何解决? 继续阅读 »

FLEX开发学习笔记-在Flex中使用CSS

最近有一个项目需要应用到FLASH开发一个脚本播放器(具体不说明了),经过比较感觉还是用FLEX来开发比较合适。当然了针对FLEX我的基础可以说是零,只有请教GG老师了,下面就是我的第一份笔记,希望也能对在学习的朋友有所帮助
继续阅读 »

网页严格渲染模式和混合渲染模式的区别

在推广Web标准的今天,那些崇尚Web标准的人经常说XHTML比HTML更加严格,当然从某种意义上说是的,比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种(加上Frameset DOCTYPE的话算三种,本文不讨论),Transitional(过渡型)和Strict(严格)DOCTYPEs。并且HTML 4.01也有同样的文档声明。
继续阅读 »

无觅相关文章插件,快速提升流量