FC2ブログ

ようやく見つけた@Anywhere Twitter のUser 接続状態の確認法


ずっと@Anywhere Twitterでuserの接続を確認するのがうまくいかなくて、苦しみました

いろんなサイトで、公式にでてるif (currentUser isConnected)だとダメってのは分かってて、関数にして

isConnected()に変えなきゃいけないとは知っていたけれど、それを入れても、全然反応しなくて・・

んでまたサイトめぐりをしていてやっとみつけたのが↓のサイト(英文)

http://motyar.blogspot.com/2010/04/set-connect-with-twitter-anywhere.html

ツィッターに接続して無い場合は、コネクトボタンだけ見えてて、接続すると、書き込み覧とログアウト、接続している

アカウント名が表示されます。これよこれ、探していたプログラムは

HTMLの方は、








<div id="user"></div>
<div id="login"></div>
<div id="logout"></div>
<div id="default-tweetbox"></div>
<div id="follow-me"></div>


のようにマークアップしといて

<script src="http://platform.twitter.com/anywhere.js?id=APIKEY&v=1"></script>

@AnywhereでもらったAPIキーをここにいれつつ、headerに配置(@Anywhereでwrite&readの設定にしておく)




function update(T){
if (T.isConnected()) {
document.getElementById('user').innerHTML = 'Logged in as : ' + T.currentUser.data('screen_name');
document.getElementById('logout').innerHTML = '<a href='#' onClick="twttr.anywhere.signOut();">Sign out of Twitter</a>';
//Add tweet box
T('#default-tweetbox').tweetBox();
}
}


これを先に配置してしまうのがポイント

ついで



twttr.anywhere(function(T) {
update(T);
// The follow button
T('#follow-me').followButton('myName');
//connect button
T('#login').connectButton({
authComplete: function(loggedInUser) {
// triggered when auth completed successfully
update(T);
},

signOut: function() {
// triggered when user logs out
document.getElementById('logout').innerHTML = '';
document.getElementById('default-tweetbox').innerHTML = '';
document.getElementById('user').innerHTML = '';
}
});
});



これで完成!!

jqueryにしてみたりいろいろしたけど、分かってみると単純だったのね・・・・

コピペで入れてみると、サンプルと違って、エラー

上から4行目を、



document.getElementById('logout').innerHTML = '<p><a href="javascript:void(0)" onClick="twttr.anywhere.signOut();">Sign out of Twitter</a><p>';


に変えたら、うまく動きました

スポンサーサイト



コメントの投稿

管理者にだけ表示を許可する

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

承認待ちコメント

このコメントは管理者の承認待ちです
検索フォーム
カテゴリ
最新記事
アンケート
月別アーカイブ
お名前.com
リンク
RSSリンクの表示
google
MicroAD
ninja
忍者アド
広がるブログ
blomotion
サンプル・イベント・モニターならBloMotion
プレスブログ
[プレスブログ]価値あるブログに換金可能なポイントを差し上げます。
wadax
ブログ村
フリーエリア
人気ブログランキングへ
ブログランキングドットネット
リンクリックブログランキング
フリーエリア
FC2ブログランキング

FC2Blog Ranking

AMAZON
カラーミーショップ
ブログ広告
ブログ広告ならブログ広告.com
ぐるなび
中古DVD
QRコード
QR
SEO