这是我第一次接触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


Technorati : 开放模块 Widget Gadget
Del.icio.us : UWA Widget Gadget 信用卡还款 日历