关于wBox iFrame回调关闭问题的解决方案

最近很多使用我的jQuery弹出框插件wBox的人问我，关于wBox的关闭问题，例如一个页面中使用wBox iframe进来一个页面，而这个页面是进行用户登录，登录成功就关闭wBox，其实实现回调关闭wBox的方法很简单，就是使用iframe的DOM操作即可，例如我们的代码这样写：


//wbox赋值出来，然后使用wbox对象的close的方法关闭
var wbox=$("#iframe").wBox({
       requestType: "iframe",
    target:"b.html"
   });

那么我们在页面b.html中进行了用户登录验证，我们验证成功，要关闭wBox，就可以在b.html中使用parent.wbox.close()来进行关闭，就像下面的代码，只要我们验证完毕运行closewBox就可以关闭了iframe：

function closewBox(){
    parent.wbox.close()
}

关于iframe子页面与父页面之间的DOM操作可以参考下面的文章：《使用JavaScript在IE和Firefox下进行iframe的DOM操作》

乱七八糟

三个使用WordPress自定义域做的小工具

刚开始建立WordPress博客的时候对于自定义域不是很了解，之后通过搜索相关知识：发现原来WordPress自定义域可以做很多事情，今天断桥残雪就说说WordPress自定义域三个用处：给某一日记添加js或者CSS，给加密的日志添加密码提示信息、首页显示日志缩略图。

给某一日记添加js或者CSS

WordPress 在发布日志时会对过滤一些Javascript、CSS内容，所以我们无法直接把JS、CSS直接写到日志，当然我们可以通过修改主题来实现。可是如果修改主题，把JS或者CSS的内容添加到 header.php 文件中，那么博客所有的页面都会加载这些内容，这样势必会造成整个博客效率下降。所以这个时候我们可以通过 WordPress 自定义域来给某篇的日志单独加载Javascript 和CSS。文章最后再介绍一种管理WordPress自定义域的小技巧工具。

假设我们给日志单独加载JS、CSS的自定义域名称是 head_JS_CSS。那么你首先需要把下面这段代码复制到你主题根目录下的 functions.php 文件中：


> function head_JS_CSS(){
>     if (is_single() || is_page()) {
>         global $post;
>         $head_JS_CSS = get_post_meta($post->ID, 'head_JS_CSS', true);
>         echo $head_JS_CSS;
>     }
> }
> add_action("wp_head","head_JS_CSS");

现在你在添加日志的时候，在WordPress自定义域区域，创建一个新的名称为：”head_JS_CSS”自定义域，在“值”输入你要单独为这篇日志加载的 Javascript 代码或者 CSS 即可。

后端运维

more >>

发布WordPress来访者天气预报插件

细心的童鞋会发现我的博客昨天添加了一个新的功能——天气预报，昨天我说要发布给大家的，晚上睡觉之前，想了很久关于WordPress天气插件的编写，基本上在晚上就已经理清了思路，早上很早就起床了，没有吃饭就来到公司，趁着大家还没有来的时候，我要在九点上班之前把WordPress来访者天气预报的插件做出来，加上之前开发的WordPress Follow5 插件开发经验，自己写WordPress来访者天气插件已经是轻车熟路了~

这个插件的使用的是jsonp技术，首先通过QQ的ip接口（http://fw.qq.com/ipaddress）获取到来访者的城市**地理信息**，然后使用WordPress的wp_footer的hook动态建立一个JavaScript文件，文件地址为我博客的[http://js8.in/weather/js.php](http://js8.in/weather/wordpress-weather “WordPress天气插件下载”)，js.php返回的是一段JavaScript代码，代码使用innerHTML插入来访者天气预报的内容。

WordPress来访者天气预报插件采用精美的天气图标，完全DIV+CSS页面布局，保证了页面的美观大气，数据库信息来自中国气象网，保证了数据的可靠性，并且熟悉CSS的童鞋还可以修改插件中的CSS，以达到自己喜欢的页面效果。css地址为wp-content\plugins\weather\css.css

插件如不能正常使用，请看以下注意事项：

1、保证您的主题皮肤中的footer.php中存在do_action(‘wp_footer’);函数

2、如出现其他情况，请来插件页面报错
WordPress来访者天气预报插件截图

使用方法：

1、下载插件（点击下载）并上传到wp-content\plugins目录中；
2、登录网站后台安装此插件；
3、然后进入“外观”，“小工具”，把“Weather Widget”小工具拖到右侧，填写插件显示名称（如：天气预报）即可。

最后更新时间：2009-12-12 8：55

下载地址：http://js8.in/weather/vistor_weather.zip

当前最新版本为：0.1

乱七八糟