NeoCat · September 16, 2011 00:01
diff --git a/gtest.html b/gtest.html
 <!DOCTYPE HTML>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Google+ API Test</title>
 </head>
 <body>

 <button onclick="authBegin()">Login</button><br>
 <button onclick="getPublicActivities($('user').value)">Get activities of user </button><input id="user" size="10" value="me"><br>

 <script>
 var scope = "https://www.googleapis.com/auth/plus.me";
 var client_id = "＜ここに登録したClient IDを記入する＞";

 function $(id) { return document.getElementById(id); }
 // JSONP query
 function XDomainScript() {
 	this.cb_cnt = (new Date).getTime();
 }
 XDomainScript.prototype = {
    load: function(url, callback) {
        var id = this.cb_cnt++;
        var ele = document.createElement("script");
        ele.src = url + (url.indexOf('?') < 0 ? '?' : '&') + 'callback=xds.cb' + id;
        ele.type = "text/javascript";
        this['cbe' + id] = ele;
        this['cb' + id] = function(){ this.abort(id); callback.apply(this, arguments); }
        document.body.appendChild(ele);
        return id;
    },
    abort: function(id) {
        var ele = this['cbe' + id];
        ele.parentNode.removeChild(ele);
        delete this['cb' + id];
        delete this['cbe' + id];
    },
 }
 var xds = new XDomainScript;

 // Login procedure
 function authBegin() {
 	setTimeout(function(){ location.href = "https://accounts.google.com/o/oauth2/auth?client_id="+client_id+"&response_type=token&scope="+scope+"&redirect_uri="+location.href; }, 0);
 }

 // Get OAuth 2.0 access token from URL hash
 var access_token;
 if (location.hash.match(/access_token=([\w\.-]+)(?:&|$)/)) {
 	access_token = RegExp.$1;
 }
 if (access_token) document.write("Login OK<br>");

 // Example to issue the API
 function getPublicActivities(id) {
 	id = id || "me";
 	document.createElement("script");
 	
 	xds.load("https://www.googleapis.com/plus/v1/people/"+id+"/activities/public?oauth_token="+access_token, displayActivities);
 }

 // Display results
 function displayActivities(x) {
 	console.log(x);
 	$("title").innerText = x.title;
 	$("title").href = x.selfLink;
 	$("updated").innerText = "Updated at " + x.updated;
 	if (!x.items) return;
 	for (var i = 0; i < x.items.length; i++) {
 		var item = x.items[i];
 		var pele = document.createElement("p");
 		pele.style.borderBottom = "solid 1px grey";
 		pele.innerHTML = item.object.content + "<br>";
 		var ele_date = document.createElement("a");
 		var attachments = item.object && item.object.attachments;
 		if (attachments) {
 			for (var j = 0; j < attachments.length; j++) {
 				if (attachments[j].image) {
 					pele.appendChild(document.createElement("br"));
 					var img = document.createElement("img");
 					img.src = attachments[j].image.url;
 					pele.appendChild(img);
 				}
 			}
 		}
 		ele_date.innerHTML = "<small><small>(" + item.updated + ")</small></small>";
 		ele_date.href = item.url;
 		pele.appendChild(ele_date);
 		$("result").appendChild(pele);
 	}
 }
 </script>

 <hr>
 <div><a id="title"><a></div>
 <div id="updated"></div>
 <div id="result"></div>

 </body>
 </html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Google+ API Test</title>
	</head>
	<body>

	<button onclick="authBegin()">Login</button><br>
	<button onclick="getPublicActivities($('user').value)">Get activities of user </button><input id="user" size="10" value="me"><br>

	<script>
	var scope = "https://www.googleapis.com/auth/plus.me";
	var client_id = "＜ここに登録したClient IDを記入する＞";

	function $(id) { return document.getElementById(id); }
	// JSONP query
	function XDomainScript() {
	this.cb_cnt = (new Date).getTime();
	}
	XDomainScript.prototype = {
	load: function(url, callback) {
	var id = this.cb_cnt++;
	var ele = document.createElement("script");
	ele.src = url + (url.indexOf('?') < 0 ? '?' : '&') + 'callback=xds.cb' + id;
	ele.type = "text/javascript";
	this['cbe' + id] = ele;
	this['cb' + id] = function(){ this.abort(id); callback.apply(this, arguments); }
	document.body.appendChild(ele);
	return id;
	},
	abort: function(id) {
	var ele = this['cbe' + id];
	ele.parentNode.removeChild(ele);
	delete this['cb' + id];
	delete this['cbe' + id];
	},
	}
	var xds = new XDomainScript;

	// Login procedure
	function authBegin() {
	setTimeout(function(){ location.href = "https://accounts.google.com/o/oauth2/auth?client_id="+client_id+"&response_type=token&scope="+scope+"&redirect_uri="+location.href; }, 0);
	}

	// Get OAuth 2.0 access token from URL hash
	var access_token;
	if (location.hash.match(/access_token=([\w\.-]+)(?:&\|$)/)) {
	access_token = RegExp.$1;
	}
	if (access_token) document.write("Login OK<br>");

	// Example to issue the API
	function getPublicActivities(id) {
	id = id \|\| "me";
	document.createElement("script");

	xds.load("https://www.googleapis.com/plus/v1/people/"+id+"/activities/public?oauth_token="+access_token, displayActivities);
	}

	// Display results
	function displayActivities(x) {
	console.log(x);
	$("title").innerText = x.title;
	$("title").href = x.selfLink;
	$("updated").innerText = "Updated at " + x.updated;
	if (!x.items) return;
	for (var i = 0; i < x.items.length; i++) {
	var item = x.items[i];
	var pele = document.createElement("p");
	pele.style.borderBottom = "solid 1px grey";
	pele.innerHTML = item.object.content + "<br>";
	var ele_date = document.createElement("a");
	var attachments = item.object && item.object.attachments;
	if (attachments) {
	for (var j = 0; j < attachments.length; j++) {
	if (attachments[j].image) {
	pele.appendChild(document.createElement("br"));
	var img = document.createElement("img");
	img.src = attachments[j].image.url;
	pele.appendChild(img);
	}
	}
	}
	ele_date.innerHTML = "<small><small>(" + item.updated + ")</small></small>";
	ele_date.href = item.url;
	pele.appendChild(ele_date);
	$("result").appendChild(pele);
	}
	}
	</script>

	<hr>
	<div><a id="title"><a></div>
	<div id="updated"></div>
	<div id="result"></div>

	</body>
	</html>