惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

有赞技术团队
有赞技术团队
B
Blog
IT之家
IT之家
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Last Week in AI
Last Week in AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
博客园 - 聂微东
量子位
博客园 - 叶小钗
T
Tailwind CSS Blog
小众软件
小众软件
WordPress大学
WordPress大学
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
雷峰网
雷峰网
博客园 - 三生石上(FineUI控件)
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Blog — PlanetScale
Blog — PlanetScale
V
V2EX
博客园_首页
I
InfoQ
B
Blog RSS Feed
Microsoft Azure Blog
Microsoft Azure Blog

博客园 - HeFlying

站长选择广告联盟的建议:比较谷歌Adsense、百度联盟、阿里妈妈 - HeFlying - 博客园 AddThis & AddFeed WordPress插件发布 [转] 中国版AddThis(收藏按钮):方便读者收藏,增加博客流量! 博客开放模块、Widget、Gadget 我们的“网站备案”怎么了? Google统计(Analytics)推出超强新功能 Sitemap(搜索引擎网站地图) Google Adsense又添新广告投放形式:AdSense for Feeds 觅搜:使用Search API建立的元搜索引擎 2008-08-08:觅搜(改版)发布在奥运日 对“中文搜索引擎流量百度占74.88%”的解读 我们的网站备案 (不知道中国那么多通信管理局都是干什么吃的???) Flickr 被封! XSL学习笔记:XSLT优先级问题 “就业歧视”这个话题好象讨论得很热 Adobe Creative Suite 3 下载(包括MAC版) 和 收集的一些资料 微软发布IE开发者工具条1.0正式版 中国网络工程师侠客行大会 通讯录 搜索引擎专场:Jan Pedersen的Search Engine Secrets
UWA开发:信用卡还款提醒日历(附代码) - HeFlying - 博客园
HeFlying · 2009-06-23 · via 博客园 - HeFlying

这是我第一次接触Widget开发,想开发一个简单一点的试试手。

我自己是个信用卡迷,拥有多张信用卡,在博客上放置一个信用卡还款提醒日历是我的梦想。所以就结合我刷网的还款提醒功能开发了"信用卡还款提醒日历"模块。

现在以搜狐开放模块开发为例,搜狐开放模块是基于UWA的,所以也可以添加到netvibes、iGoogle、Live等等。

该模块原理是:让用户配置我刷网的用户名,然后调入还款提醒iframe。

代码是一个标准的xml格式,可以添加html、js、css等内容,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:widget="http://www.netvibes.com/ns/">
<head>
<title>信用卡还款提醒日历 - 我刷网</title>
<link rel="icon" type="image/x-icon" href="http://www.woshua.com/wsfavicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="高飞" />
<meta name="website" content="http://www.woshua.com/" />
<meta name="description" content="信用卡还款提醒日历小工具是一个提示小插件,每次打开主页都可以看到还款提醒,这样就不用担心忘了还款了!如果不想让别人看到你的还款提醒,你可以登录我刷网设置"只有登录才能查看"。" />
<meta name="version" content="1.0" />
<meta name="keyword" content="信用卡, 还款, 提醒, 日历" />
<meta name="screenshot" content="http://www.woshua.com/alert/gadget.jpg" />
<meta name="thumbnail" content="http://www.woshua.com/alert/gadget2.jpg" />
<meta name="debugMode" content="true" />
<widget:preferences><!--这个是让使用者设置用户名的关键代码-->
<preference type="text" name="username" label="我刷网的用户名" />
</widget:preferences>
<script type="text/javascript">
<![CDATA[
widget.onRefresh = showCont;
widget.onLoad = showCont;
function showCont() {
if (widget.getValue("username")) {
var username = widget.getValue("username");
var str = '<iframe frameborder="0" marginheight="0" marginwidth="0" border="0" name="woshuaAlert" id="woshuaAlert" scrolling="no" src="http://www.woshua.com/alert/?username='+ encodeURIComponent(username) +'"></iframe>';
widget.setBody(str);
}
}
]]>
</script>
<style type="text/css">
#woshuaAlert{overflow:hidden; width:100%; height:230px;}
</style>
</head>
<body>
<iframe frameborder="0" marginheight="0" marginwidth="0" border="0" name="woshuaAlert" id="woshuaAlert" scrolling="no" src="http://www.woshua.com/alert/"></iframe>
</body>
</html>

开发完成后,提交到搜狐开放模块就算完成了。提交后需要管理员审核,否则只有自己可以使用。

还可以把它添加到:netvibes

已经提交的模块地址:

http://ow.blog.sohu.com/widget/2403 可以添加到搜狐博客
http://eco.netvibes.com/widgets/306884 可以添加到iGoogleLive主页NetvibesDashboardOperaVista桌面
http://googlemodules.com/module/10893/ 可以添加到iGoogle