0

検索を行ったところ、ユーザーgnabによって投稿された、ハッシュタグの検索方法を通知する投稿が見つかりました。

http://search.twitter.com/search.json?q=%23testをフェッチするだけで、JSON の #test を含むツイートのリストを取得できます。ここで、%23test は #test URL エンコードされています。

ツイートを見つけたら、それをページにロードします。このページは、このハッシュタグを含む最新のツイートで常に更新されます。HTML、CSS、およびいくつかのjQueryを使い始めたばかりなので、これは私にとって非常に新しいことです。どうすればそれを行うことができますか？

4

2 に答える 2

0

非常に簡単です。ツイートアカウントを持っている場合は、Twitterアカウントにログオンし、設定をクリックしてウィジェットオプションを確認します。希望に応じて新しいウィジェット構成を作成し、ウィジェットの追加をクリックすると、コードが表示されます。コピーして貼り付け、iframeに配置するだけです。あなたはそれのために頭を壊す必要はありません。

于 2013-01-29T13:42:54.933 に答える
0

私が作成したこのスニペットを見てください。いくつかのアイデアが得られると思います。

http://jsfiddle.net/TgTtV/

lastDate = false;
setInterval(function() {

  function compareDates (argument) {
    return (new Date(argument.created_at) > lastDate);
  }

   jQuery.ajax({
      url: 'http://search.twitter.com/search.json',
      type: 'GET',
      dataType: 'jsonp',
      data: {q: encodeURIComponent('#test')},

      success: function(data, textStatus, xhr) {
          //If it's the first time running, prepend all tweets to the page
          if(!lastDate) {
            for(i in data.results) {
                $('body').prepend('<p>'+data.results[i].from_user+': '+data.results[i].text+'</p>');
            }
          } else { //Only new tweets, filtered by date are added
            var newMessages = data.results.filter(compareDates);
              //Just for test
              console.log(newMessages);
            for(i in newMessages) {
                $('body').prepend('<p>'+newMessages[i].from_user+': '+newMessages[i].text+'</p>');
            }
          }

          lastDate = new Date(data.results[0].created_at);
      }
    });

}, 10000);

説明: スニペットは最初にクエリ (この場合はハッシュタグ #test) から一連のツイートを読み込み、ユーザー名とツイートの内容を段落内に配置します。最初の読み込みの後、ツイートの読み込みを続けますが、compareDates 関数を使用して日付でフィルタリングし、新しいツイートのみをページに表示します。理解を深めるために、Firebug のコンソールを開いてこのスニペットをテストすることをお勧めします。

于 2013-01-29T16:34:48.260 に答える