关于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 即可。

发布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