Diese kleine HTML-Datei stellt meinen Pownce-Status dar. Benötigt wird ausserdem jQuery, bitte hier runterladen:
http://jquery.com/<html>
<head>
<title>Pownce Status</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="pretty.js"></script>
<body>
<div id="content"></div>
<script>
var user = "Mysinge";
$.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=6GxNf9xj3RG2Zhfi4mZpYg&_render=json&user=" + user + "&_callback=?",
function(json) {
if(json.count > 0) {
$("#content").append("<ul>");
$(json.value.items).each( function() {
$("#content").append("<li>" + prettyDate(this.updated.content) + ": " + this.summary + "</li>");
});
$("#content").append("</ul>");
}
}
);
</script>
</body>
</html>
/*
* JavaScript Pretty Date
* Copyright (c) 2008 John Resig (jquery.com)
* Licensed under the MIT license.
*/
// Takes an ISO time and returns a string representing how
// long ago the date represents.
function prettyDate(time){
var date = new Date((time || "").replace(/-/g,"/").replace(/[TZ]/g," ")),
diff = (((new Date()).getTime() - date.getTime()) / 1000),
day_diff = Math.floor(diff / 86400);
if ( isNaN(day_diff) || day_diff < 0 || day_diff >= 31 )
return;
return day_diff == 0 && (
diff < 60 && "just now" ||
diff < 120 && "1 minute ago" ||
diff < 3600 && Math.floor( diff / 60 ) + " minutes ago" ||
diff < 7200 && "1 hour ago" ||
diff < 86400 && Math.floor( diff / 3600 ) + " hours ago") ||
day_diff == 1 && "Yesterday" ||
day_diff < 7 && day_diff + " days ago" ||
day_diff < 31 && Math.ceil( day_diff / 7 ) + " weeks ago";
}
// If jQuery is included in the page, adds a jQuery plugin to handle it as well
if ( typeof jQuery != "undefined" )
jQuery.fn.prettyDate = function(){
return this.each(function(){
var date = prettyDate(this.title);
if ( date )
jQuery(this).text( date );
});
};
prog:showpownce, Rev. 2, Zuletzt geändert 2008-08-07 13:54, 72 Aufrufe
