这是我第一次接触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 可以添加到iGoogle、Live主页、Netvibes、Dashboard、Opera、Vista桌面
http://googlemodules.com/module/10893/ 可以添加到iGoogle