Javascript-原生上传插件upload-at-click推荐及DIY修改

虫曰:
最近在做项目时,需要使用到上传功能哈~做人太懒了,所以找了一下发现upload-at-click这家伙很棒~可能是javascript原生开发的比较简单还好用的插件第一吧,虫子不经常使用所以不知道具体的哈,不管怎样还是推荐一下。以后要常用了,毕竟现在的项目都是在JQuery与Mootools之间相互切换,哎,不兼容是一个大问题。
插件网址:upload-at-click – Javascript for upload file at one click
插件号称一键上传,实际上使用是真的一键操作!而参数也才数个,配置不像其他的那么复杂。
需要插件的朋友可以点击上面的链接直接去下载,非常棒,值得拥有。
不过在实际项目中用,出现一个问题就是不想上传文件怎么办?
原插件中没有这个功能或者是我不懂吧,反正我自己改了一下哈,挺实用的噢,下面就是修改的过程噢,与您分享。

ShopEX二次开发DIY日记14之模板可视化编辑无法添加挂件模块板块

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

最近遇上一个客户,在淘宝上购买了一个便宜的模板,可怜的孩子,噩梦就这么开始了~~
网站模板可视化只能针对已经存在的挂件做编辑修改,但是一旦增加了新的挂件就会失败,没办法点击保存成功!
但是很神奇的,同样的操作一旦切换成默认的模板之后操作,那么很顺利加愉快的保存了~
为什么?!
真的很神奇,最后实在是没思路的情况下,我使用IE大法!

Javascript/JQuery/Mootools效果插件收藏

Mootools
1、遮罩层插件:
2、让Element取得索引值的方法,类似jquery的Element.index()
3、如何让div或者其他对象居中显示呢?
~.-.~ ~.-.~ ~.-.~ ~.-.~ ~.-.~ ~.-.~
JQuery
1、遮罩层插件
2、掩码格式化插件(自动格式化输入的电话号码邮政编码电话号码手机号码银行卡信用卡)
3、如何让div或者其他对象居中显示呢?
4、日期时间选择器(为jQuery UI Datepicker日期插件增加Timepicker 时间插件功能)

ShopEX二次开发DIY日记7之开启了伪静态之后登陆注册的弹窗冲突不能弹出

话说,最近一个客户比较倒霉吧~用的虚拟主机比较差,技术人员不给力呀~安装的伪静态重写插件有问题吧,结果,其他都很正常,就是登陆、注册所在的链接点击之后会出现问题,比如显示莫名其妙的界面,比如打开时空白页,总的说来是弹不出正常的对话框的。
怎么办?
遇上这种问题,第一的想法就是关闭伪静态看看可不可以正常工作,具体操作如下:“营销推广》搜索引擎优化》SEO设置》其他设置》商店页面启用伪静态URL”设置为否,保存即可。
设置完毕之后我们重新测试时会发现,神奇的弹窗又可以使用了!
这边对应两个情况做处理:一个是正常的人比较偷懒安装完伪静态插件之后就不继续设置了;一个是就算你设置了伪静态组件之后,还是不能正常使用。
1、伪静态组件没有设置
2、修改完规则还是不能弹出注册、登陆弹窗

ShopEX二次开发DIY日记6之可视化模板编辑出错没办法保存简单解决

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

今天帮客户处理一个商品详情页的挂件位,需要增加一个图片广告位(ad_pic),方便客户自己添加更换活动图片。结果发现:添加了挂件点击保存,却一点反应也没有,难道是哪里冲突了,试试看编辑,点击一个已经存在的挂件,点击编辑,保存,居然可以保存!
怎么办?
一个小需求而已却遇上这种莫名其妙的问题肯定会疯了,难不成要全面检查是不是哪里冲突啦?
不用!这边提供一个小小的办法,可以临时,快速的帮你解决这个问题,当然,这个办法可能有点稍微高一点难度,有点风险啦。

ShopEX二次开发DIY日记5之前台商品列表页筛选保留选中分类,品牌分类,规格及扩展属性值

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

引言
老早在ShopEX官方论坛看到一则广告噢,说的就是商品列表页筛选保留选中分类,品牌,规格及扩展属性值的问题,原帖地址 [485/易开店]【showker出品】shopex列表页筛选可保留选中分类,品牌,规格及扩展属性值 可打叉去掉选中 请各位小伙伴们自己去看说明哈。
我们这次DIY日记的目标就是打造这样的一个功能~当然,简单版的哈。
怎么保留选中的商品分类?商品品牌?商品规格?还有扩展值?
要实现这个功能我们需要了解的是这些数据是怎么来的,通过分析ctl.gallery.php文件我们可以发现这些数据经过一次次的弯子处理之后汇聚成如下变量:$selector、$SpecFlatList、$searchSelect。
我们在文件core\shop\view\gallery\selector\default.html之中就可以很明显的看出这些变量的调用情况。
我们先来查看一下变量$selector的代码噢,你会发现:(下面是原代码,请根据实际代码作分析)

ShopEX二次开发DIY日记4之如何定义我们的前台动态小对话框窗口(MessageBox)?

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

在《二次开发DIY日记1之商品添加到收藏夹的提示改为动态提醒》中我们修改了提示收藏夹的提示方式,要求不高的同学可能不会有什么意见,对于部分有追求的小伙伴们来说,那个动态对话框好丑呀,怎么美化一下?
勤劳的小伙伴们可能已经动手做了,将之前的代码修改了一下,具体的代码不懂得可以去看上文噢。
原先的代码为:MessageBox.show(‘已加入收藏’);
修改之后为:MessageBox.show(‘<img src=”http://www.ipodmp.com/sp/1.jpg”/>’);
保存,运行一下,你会发现,原先的文字变了~变成一张图片噢~~当然,可能有的人会发现意外:图很大张的朋友会看到图跳出那个动态框了噢!好难看噢。
怎么办呢?看了一下MessageBox与MessageBox.show的定义你会发现(位于statics\script_src\jstools.js),只有一个样式控制项,就是你做模板时可以指定这个框的大小,样式名为success与error两个,你直接定义之后想要的效果就出现了。
效果还是不错的吧,当然,像我们这么有追求的人,这点小成就是不会满足的,很快,你会发现,整站到处都是一样的大小,图片小的时候没办法自动变小,图片更加大的时候,也不懂得自动放大?!
对吧,这样子设计真是糟糕,为什么就不弄好点呢?

ShopEX二次开发DIY日记3之如何跟踪模板的缓存代码(front_tmpl与admin_tmpl的作用)

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

在上一篇ShopEX二次开发DIY日记2之前台模板金额的格式如何格式化金额不显示货币符号?中,我们对ShopEX系统的底层的修饰器做了一个增加,请看最后的修改的代码:
_head_stack[‘function cur2($string){return number_format(trim($string),2, \’.\’, \’\’);}’]=1;
return ‘cur2(‘.$attrs.’)’;
}
?>
在上面代码之后,很多朋友可能会问为什么我知道需要return ‘cur2(‘.$attrs.’)’;这个值,这个返回值需要这样写?
其实我也想知道,我在分析缓存代码之前我对这个也不懂,顶多是根据原有的方法做修改哈,但是,对缓存代码作分析之后我就懂了,今天,你学了你也会了~^_^
现在,请跟我来,先打开ShopEX目录的home\cache目录,你会看到三个文件,两个文件夹,分别是:cachedata.stat.php、cachedata.php、cache.status、front_tmpl、admin_tmpl。

ShopEX二次开发DIY日记2之前台模板金额的格式如何格式化金额不显示货币符号?

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

ShopEX在使用的时候,我们在设计模板时可以限定输出的金额格式(变量后面带上“|cur”),主要就是小数点几位啦,顺便带上货币符号哈,那么有时候就会出现只需要格式化金额,但是不带上货币符号这个效果,怎么办?
DIY日记就是要动手做的啦~
我们找到core\include_v5\smartyplugins\compile_modifier.cur.php这个文件,当然如果你的PHP版本低于5.0的话,那么请找到core\include\smartyplugins\compile_modifier.cur.php这个文件。
打开之后你会发现……..这是个乱码,好吧,我忘记你没有破解噢。没事,下面就是破解的代码噢。

ShopEX二次开发DIY日记1之前台商品添加到收藏夹的提示改为动态对话框(MessageBox)提醒

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

我们在查看商品详情时,在右边加入购物车边上有一个收藏此商品,点击之后就会告诉你添加收藏成功。那么,如果希望点击收藏此商品之后用对话框提醒会员呢?
DIY一下吧,具体修改步骤如下:
首先,我们需要找到控制这个功能的代码,经过研究位于statics\script\goodscupcake.js文件内,我们打开goodscupcake.js文件会发现这个文件已经加密哈,其实就是简单的去掉行什么的哈,我们可以使用工具解开,我一般使用站长之家的工具JavaScript/HTML格式化来解码,这边需要提醒的是最好使用比较好的解压工具噢,要不解出来的代码会有点问题,在代码简写的情况下会出现错误噢。

悦读推荐

2015.08
Effective JavaScript Item 12 理解Variable Hoisting
2015.07
PHP中unserialize返回false的解决方法
2015.06
JavaScript客户端检测技术详细解析
2015.04
SQL注入,你想知道的那些事
实战:上亿数据如何秒查
某中介无线组网及VPN接入应用案
2015.03
ThinkPHP框架安全实现分析
2015.02
微信公众平台的八大法则
来自实例的经典分析–HTTP协议
2015.01
常见HTTPS攻击方法解析
2014.12
解读大型网站系统架构的演化
2014.09
有用的PHP代码段(useful php snippets)
11个实用的Apache .htaccess配置
程序员需要知道的字符知识总结
2014.08
不用jQuery写JS的10条技巧:10 Tips for Writing JavaScript without jQuery
手游设计如何给玩家带来愉悦的交互体验 原文链接:http://colachan.com/post/3380
分析了一下作为一个吸引人的游戏应该有哪些东西哈~阅读一下
2014.06
走进科学:揭秘如何入侵电视机
265行代码实现第一人称游戏引擎
2014.05
零售行业的数据挖掘七步走
2014.04
ASP.NET的HTTP模块和处理程序之处理程序的执行
关于Android配色 自适应颜色的实现
2014.03
下载youtube上视频的姿势大全
Android设计中的.9.png
最锋利的Visual Studio Web开发工具扩展:Web Essentials详解
PHP CodeBase: 判断用户是否手机访问
亚文化是产品经理必修课
再谈javascript图片预加载技术-比onload更快获取图片尺寸
大型网站负载均衡架构
成为一个PHP专家:缺失的环节
程序员接触不到大项目,该如何提高自己?
没读过设计院校,如何成为设计师
张小龙神话已破灭 马化腾该接管微信了
颤抖了吗?九步逆向破解银行安全令牌
Android开发者必备的42个链接
2014.02
怎么一步步编写简单的PHP的Framework
只有20行Javascript代码!手把手教你写一个页面模板引擎 原文Javascript template engine in just 20 lines
我是如何反编译D-Link路由器固件程序并发现它的后门的
中国的黑客究竟有多张狂?
实战演示黑客如何利用SQL注入漏洞攻破一个WordPress网站

Mootools-ShopEX4.8.5内的图片高度宽度自动调整方法及扩展

ShopEX4.8.5本身就有一个方法用于针对图片的高度宽度的自动修正,根据父容器的大小自动调整图片的大小适应父容器。但是,昨天在修改程序的时候才发现,不知道为什么尽然失效,父容器有指定大小但是,执行fixProductImageSize方法之后全部的图片的大小全部变成负数的了,咱是农民,不深入研究为什么,直接修改方法吧,省的这么麻烦。具体代码如下:
方法fixProductImageSize为ShopEX4.8.5的原方法,位于statics\script_src\jstools.js末端,调用的时候随时随地调用,格式为:

jQuery-相册插件Galleriffic Scale Images – A Quick Hack (jQuery)

jQuery相册插件Galleriffic如何缩放图片-一个快速的Hack方法
//现在增加下面这些代码到到方法preloadRecursive和refresh方法之中相应的地方

var origWidth = image.width;
var origHeight = image.height;
var newWidth = this.scaleWidth;
var newHeight = parseInt((parseInt(origHeight) * parseInt(newWidth) / parseInt(origWidth)));
image.height = newHeight;
image.width = newWidth;

如何写出兼容性强的Javascript代码?

长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。