WP笔记

jquery autocomplete实例:国家选择器

Jquery Autocomplete Plugin 可以用来自动填写表单,类似google suggest,可以给用户更好的体验。

你可以先查看实例

例如,很多表单要求我们填写国家,如果是下拉列表,我们需要从长长的一个列表中选择自己的国家,为了不看的眼花缭乱,我们会用键盘的导航键快速选择,例如要选择中国我们可以选中下拉列表按键盘的“C”键,找到以c开头的国家再找到China。这样还是不够简单迅速。那么来看看下面这个输入式国家选择器,是不是会方便很多。

用户不需要从长长的列表中选择国家了,只需要键入国家的英文名称开头几个字母,这个选择器就会自动提供可供选择的项目,类似google suggest,帮助用户轻轻松松完成国家的选择。

另外,用户完成选择后可以定义一个回调函数,实现更多的功能。例如,选择国家后显示该国家的货币和汇率,或者显示某些房地产信息之类的。可以做的应用很多。

该功能主要依靠JQuery的Autocomplete插件来完成。

[download id=”10″]

继续阅读jquery autocomplete实例:国家选择器
PHP开发

SSL加密不完全的https页面在IE中弹出警告的解决方式

IE8以及更低版本IE浏览器在浏览SSL加密https网页时,会弹出一个警告窗口,警告用户该网页存在不安全内容,是否只查看安全内容,如果选是,往往会看到一个凌乱不堪的网页,很多图片都无法显示。从开发者角度讲,应该尽量避免这种情况发生。

理论上讲只要使用ssl加密的网页存在混合内容(mixed content),就会触发安全警报,混合内容就是指http和https共存的页面内容,实际测试时发现,并不是所有的http链接都会触发安全警告,只有以下几种情况会。

继续阅读SSL加密不完全的https页面在IE中弹出警告的解决方式
PHP开发

谨防浏览器的怪异模式捣乱

最近研究一个oscommerce的模板,IE浏览器总是出一堆奇奇怪怪的问题,比如载入的时候图片和文字还存在,等网站全部载入完毕后这些图片和文字就莫名其妙的消失了,开始以为是绝对定位有问题,搞了很久没效果,偶然在IE的调试工具中看见Quirks模式,一下搞明白了。。。

怪异模式,与DTD声明密切相关,如果DTD声明漏写,就会使浏览器按照怪异模式解析。DTD(Document Type Definition)即文档类型定义,它给你的HTML文档定义了一个规范,这个规范里有很多规则,你的HTML标签是大写还是小写,是否需要闭合等是不是正确就取决于这个规范。不同DTD会影响浏览器解析同一个网页的方式。浏览器解析网页时可以按照标准模式和怪异模式来进行。标准模式是我们现在最常用的模式,而怪异模式是给旧版本浏览器使用的,例如IE4,Navigator 4。如果用怪异模式解析一个按照现在W3C标准书写的网页,可能就要出错了。

继续阅读谨防浏览器的怪异模式捣乱
WP笔记

移除Magpress主题的footer链接看wordpress免费主题安全性

最近发现一个主题网站叫mapgress.com,主题功能很不错,无论是前台外观还是后台功能都不输给收费主题,应客户的要求拿来三个主题开始做定制化。开始做的时候就发现了,这个网站主题的footer代码不可以更改!无论是删除全部链接,还是添加自己的链接都不行!

继续阅读移除Magpress主题的footer链接看wordpress免费主题安全性
WP笔记

cufon字体IE浏览器兼容性问题

cufon字体可以让我们在网页上使用自定义的字体,实现和图片一样的效果。cufon字体的使用可以参考文章Cufon-网页设计师必备字体效果

通常情况下,cufon只支持使用简单的标签,你不能使用一些级联选择器,例如#menu ul li等等。经过测试发现,firefox和chrome都支持这种选择方式,但IE不支持。最简单的方法就是引入一个选择器引擎来帮助我们实现这个功能,例如jQuery,这样js引用情况如下:

继续阅读cufon字体IE浏览器兼容性问题
WP笔记

Wordpress CKEditor smiley表情图标定制化

Wordpress默认的编辑器不是很好用,我习惯将它替换成CKEditor,安装CKEditor For WordPress即可。安装后编辑器将被替换,评论框的编辑器默认会被替换成CKEditor,有时候会导致模板样式错乱,可以在CKEditor->Basic Settings中禁用。

定制表情的方法

CKEditor默认的smiley表情不适合中国,我们可以将表情改造一下换成自己喜欢的表情,方法如下。

继续阅读Wordpress CKEditor smiley表情图标定制化
WP笔记

oscommerce 登陆后跳转的问题

Oscomerce登陆后应该跳转到哪里可以分两种情况,

1. 购物车没有商品,跳转到首页或者查看账户页面。

2. 购物车有商品,跳转到购物车页面或者到checkout页面。

代码可以在网店根目录的login.php中修改,打开该文件,找到

tep_redirect(tep_href_link(FILENAME_DEFAULT));

修改为

if ($cart->count_contents() < 1) {
       tep_redirect(tep_href_link('account.php'));
} else {
      tep_redirect(tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));
}

代码含义如下

tep_redirect(tep_href_link('account.php')); – 跳转到账户页面,如果要跳转到首页,改为
tep_redirect(tep_href_link(FILENAME_DEFAULT))

 tep_redirect(tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));  – 跳转到结账页面,如果要挑战到购物车页面,改为
 tep_redirect(tep_href_link(FILENAME_SHOPPING_CART, '', 'SSL'))

 

继续阅读oscommerce 登陆后跳转的问题
WP笔记

为wp featured content slider plugin添加pager功能

1. wp featured content slider 插件简单介绍

wp featured content slider是一款wordpress的幻灯片(slideshow)插件,你可以在post的编辑页面将post指定为featured post,这样它就可以在featured content slider中显示。该插件的特色是图片(post中的图片或通过custom field定义的图片)显示在banner右侧,post文字内容显示在左侧,是名副其实的content slider。另外该插件提供功能选项,使你可以自由切换幻灯片效果、切换速度、背景色。幻灯片带有箭头是导航按钮。效果图如下

继续阅读为wp featured content slider plugin添加pager功能
PHP开发

用phpBB做中文论坛常用的MOD

phpBB是国外著名的开源论坛,国内使用较少,与discuz相比phpBB功能非常简单,后台界面不太符合中国人的操作习惯。dizcuz相当于安装了各种插件并经过定制化以后的phpBB,而phpBB的优点就是“干净”,没有任何你不需要的功能。它给我们充分的想象力来做符合自己要求的论坛,这需要一些php知识。

继续阅读用phpBB做中文论坛常用的MOD
WP笔记

wordpress Shopp Title优化

Wordpress Shopp插件使用了wordpress的一个页面来动态输出网店内容,默认的Title带着SHOP这个词,感觉很多余,所以要想办法去掉。

去掉的方法就是在模板的functions.php文件中添加钩子函数修改Title输出,因为其它的SEO插件可以覆盖掉PAGE Title的格式,所以要保证Wordpress Shopp使用的页面title规则不被其它SEO插件控制。

修改方法如下,打开functions.php,在最后添加如下代码

继续阅读wordpress Shopp Title优化
生活琐记

什么是CSS reset

什么是CSS Reset。HTML标签在浏览器中都有默认的样式,例如p标签有上下边距,strong标签有字体加粗样式等。不同浏览器的默认样式之间存在差别,例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方法是一开始就将浏览器的默认样式全部覆盖掉,这就是CSS reset。

YUI为我们提供了一个很好的CSS reset,可以直接下载使用,这段代码很成熟,推荐大家使用。YUI的CSS reset主要做了下面几点:

继续阅读什么是CSS reset
WP笔记

wp-e-commerce后台缩略图不显示

移植wordpress+w-e-commerce的网站要注意wp-e-commerce的路径,在移植wordpress时,我们一般会做两件事:

1.导入文件,修改文件夹权限,修改配置文件等等。

2. 将保存好的数据库用记事本打开,搜索原来的域名,假设是在本地,我们会搜索类似"localhost/wordpress"并替换为目标地址域名www.mydomain.com。

如果我们忽略了搜索绝对地址,可能问题就要出现了。对于wp-e-commerce需要获取上传地址,如果地址不存在,就会发生缩略图不显示的情况,并且后台显示报错信息

The following directories are not writable:

继续阅读wp-e-commerce后台缩略图不显示
WP笔记

wp-e-commerce重复产品(duplicated pruducts) bug

wp-e-commerce(Version 3.7.6.9)有个很奇怪的问题,使用[productsall]列出所有产品条目,会出现很多重复记录,有的重复两次,有的重复四五次。在论坛找解决方法,有人提出将重复产品复制一次,再删除原来的产品,就可以解决。但重复产品太多了,这样做很慢,而且这不是治本的方法。于是我决定找到问题的症结所在。

继续阅读wp-e-commerce重复产品(duplicated pruducts) bug
生活琐记

HTML规范-Web前端开发修炼之道读书笔记

HTML规范

HTML规范包括以下内容:

1. DTD统一用<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">

2. 统一UTF-8编码。

HTML、CSS、JavaScript缩进统一使用TAB键。

3. 标签名,属性名全部小写,属性需要加引号,单标签需闭合,例如<hr> V. <hr /> X.

4. HTML应在保证弹性的基础上尽量减少嵌套层数。

继续阅读HTML规范-Web前端开发修炼之道读书笔记