Tip: Click lines to highlight, hold ctrl/cmd to multi-select
polling example (28-Jan @ 13:22)
Syntax Highlighted Code
- google.load("jquery", "1");
- google.setOnLoadCallback(
- function() {
- $(document).ready(function() { T.poll(); });
- }
- );
- var T = { };
- T.poll = function () {
- var args = {};
- $.ajax({
- url: "/updates",
- type: "POST",
- dataType: "json",
- data: $.param(args),
- success: T.new_tweets
- });
- };
- T.new_tweets = function(response) {
- // die!
- $('.top, .bottom').remove();
- var wrapper = document.getElementById('wrapper');
- wrapper.innerHTML = "<div id='header'></div>";
- for (var i = 0; i < response.stats.length; ++i) {
- var classname = "bottom";
- if (i < 3)
- classname = "top";
- wrapper.innerHTML += "<div class='" + classname + "'>" +
- "<h1>" + response.stats[i].k + "</h1>" +
- "<h2>" + response.stats[i].v + "</h2>" +
- (response.stats[i].t ?
- "<span class='time'>since " + response.stats[i].t + "</span>" : '') +
- "</div>";
- }
- T.poll();
- };
- //JSON
- {"stats": [{"k": "ipad", "t": "1:05 pm", "v": 154374}, {"k": "apple", "t": "1:05 pm", "v": 104300}, {"k": "tablet", "t": "1:05 pm", "v": 45615}, {"k": "#ipad", "t": "2:55 pm", "v": 34730}, {"k": "iphone", "t": "1:05 pm", "v": 16207}, {"k": "mac", "t": "1:05 pm", "v": 14465}, {"k": "ipod", "t": "1:05 pm", "v": 8416}, {"k": "apps", "t": "1:05 pm", "v": 8024}, {"k": "iSlate", "t": "1:05 pm", "v": 4648}, {"k": "slate", "t": "1:05 pm", "v": 3372}, {"k": "steve jobs", "t": "1:05 pm", "v": 1409}, {"k": "itunes", "t": "1:05 pm", "v": 1238}, {"k": "itablet", "t": "1:05 pm", "v": 1074}, {"k": "iwork", "t": "1:53 pm", "v": 515}, {"k": "ibooks", "t": "2:31 pm", "v": 433}, {"k": "cupertino", "t": "1:12 pm", "v": 15}, {"k": "jesus tablet", "t": "1:08 pm", "v": 11}, {"k": "sjobs", "t": "1:35 pm", "v": 10}, {"k": "moses tablet", "t": "1:08 pm", "v": 9}, {"k": "jesus phone", "t": "3:48 pm", "v": 4}]}
Plain Code
google.load("jquery", "1");
google.setOnLoadCallback(
function() {
$(document).ready(function() { T.poll(); });
}
);
var T = { };
T.poll = function () {
var args = {};
$.ajax({
url: "/updates",
type: "POST",
dataType: "json",
data: $.param(args),
success: T.new_tweets
});
};
T.new_tweets = function(response) {
// die!
$('.top, .bottom').remove();
var wrapper = document.getElementById('wrapper');
wrapper.innerHTML = "<div id='header'></div>";
for (var i = 0; i < response.stats.length; ++i) {
var classname = "bottom";
if (i < 3)
classname = "top";
wrapper.innerHTML += "<div class='" + classname + "'>" +
"<h1>" + response.stats[i].k + "</h1>" +
"<h2>" + response.stats[i].v + "</h2>" +
(response.stats[i].t ?
"<span class='time'>since " + response.stats[i].t + "</span>" : '') +
"</div>";
}
T.poll();
};
//JSON
{"stats": [{"k": "ipad", "t": "1:05 pm", "v": 154374}, {"k": "apple", "t": "1:05 pm", "v": 104300}, {"k": "tablet", "t": "1:05 pm", "v": 45615}, {"k": "#ipad", "t": "2:55 pm", "v": 34730}, {"k": "iphone", "t": "1:05 pm", "v": 16207}, {"k": "mac", "t": "1:05 pm", "v": 14465}, {"k": "ipod", "t": "1:05 pm", "v": 8416}, {"k": "apps", "t": "1:05 pm", "v": 8024}, {"k": "iSlate", "t": "1:05 pm", "v": 4648}, {"k": "slate", "t": "1:05 pm", "v": 3372}, {"k": "steve jobs", "t": "1:05 pm", "v": 1409}, {"k": "itunes", "t": "1:05 pm", "v": 1238}, {"k": "itablet", "t": "1:05 pm", "v": 1074}, {"k": "iwork", "t": "1:53 pm", "v": 515}, {"k": "ibooks", "t": "2:31 pm", "v": 433}, {"k": "cupertino", "t": "1:12 pm", "v": 15}, {"k": "jesus tablet", "t": "1:08 pm", "v": 11}, {"k": "sjobs", "t": "1:35 pm", "v": 10}, {"k": "moses tablet", "t": "1:08 pm", "v": 9}, {"k": "jesus phone", "t": "3:48 pm", "v": 4}]}