twitter@anywhere

initialize

initialize anywhere

<script type="text/javascript">
  twttr.anywhere(onAnywhereLoad);
  function onAnywhereLoad(twitter) {
    // configure the @Anywhere environment
  };
</script>

auto-linkification

sample

@stomitaさんと最近ランチしてない。
@kuさんは今オフィスの席のお隣さん。

code

<script type="text/javascript">
  function onAnywhereLoad(twitter) {
    twitter.linkifyUsers();
  };
</script>

hovercards

sample

@techcollab実は復活させてます。

code

<script type="text/javascript">
  function onAnywhereLoad(twitter) {
    twitter.hovercards();
  };
</script>

follow buttons

sample

code

<div id="[ID]"></div>
<script type="text/javascript">
  function onAnywhereLoad(twitter) {
    twitter('#[ID]').followButton("[フォローしたいアカウント名]");
  };
</script>

tweet box

sample

code

<div id="[ID]"></div>
<script type="text/javascript">
	twitter("#placeholder").tweetBox({
		label: "plz tweet.",
		defaultContent: "what is at anywhere?"
    });
</script>

login and signup

sample

code

<span id="login"></span>
<script type="text/javascript">
  twttr.anywhere(function (T) {
    T("#login").connectButton();
  });
</script>

chirp_preview

sample

code

// get @ded's first 20 statuses, filter only the tweets that mention photography, and render each into an HTML element
twitter.User.find('stomita').timeline().first(20).filter(filterer).each(function(status) {
	$('div#tweets').append('

' + status.screenName + ': ' + status.text + '

'); }); function filterer(status) { return status.text.match(/photography/); }