1

私は2つの問題で混乱していて、まだそれを理解することができません。

1-特定のハッシュタグのすべてのツイートを表示するボックスをWebサイトに配置しようとしています。デフォルトのTwitter埋め込みタイムラインウィジェットは機能していません。ここに表示されているすべてのツイートを表示する必要があるためです。

https://twitter.com/search/realtime?q=%2323Dec&src=typd

ウィジェットを作成してみましたが、ハッシュタグ-＃23Dec＆それはこのコードを与えました：

<a class="twitter-timeline" width="300" height="500" href="https://twitter.com/search?q=%2323Dec" data-widget-id="279943570356584449">Tweets about #23Dec</a>

<script>
!function(d,s,id){
    var js,fjs=d.getElementsByTagName(s)[0];
    if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;
        js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);
    }
}(document,"script","twitter-wjs");
</script>

に置き換えましたhref="https://twitter.com/search?q=%2323Dec"がhref="https://twitter.com/search/realtime?q=%2323Dec&src=typd"、まだ機能していません。

すべてのツイートをプルするにはどうすればよいですか？自動的に更新されるウェブサイトに掲載しますか？

2-次に、どのようにスタイルを設定できますか？カスタムスタイルシートでオーバーライドできる特定のスクリプトにスタイルシートが見つからないためですか？

私を助けてください....

4

1 に答える 1

2

これはあなたを助けるかもしれないと思います..searchparamsobjがどのように構築され、そこからそれを渡すだけであるかに注意を払ってください。ハッシュタグ検索用の入力ボックスが表示されます。また、ロケールのトレンドトピックからハッシュタグを抽出する方法も表示されます。

やあみんな、私はツイッターAPIを扱うことになるとあなたのすべての質問に答えるはずの素敵なJSフィドルをまとめました。Webアプリはトレンドのロケールを取得し、トレンドのトピックにドリルダウンして、その中のツイートを表示できるようにします。

標準のTwitter検索送信ボックスも含めたので、奇妙なことに、これはあなたが調べるための最低限のTweetdeckクライアントです。また、新しいJqueryライブラリの適応を推進するために、新しいlive.bindクリックイベント構文を利用する1.91を使用しました。

楽しみ

http://jsfiddle.net/jdrefahl/5M3Gn/

    function searchTwitter(query) {
    $.ajax({
        url: 'http://search.twitter.com/search.json?' + jQuery.param(query),
        dataType: 'jsonp',
        success: function (data) {
            var tweets = $('#tweets');
            tweets.html('');
            for (res in data['results']) {
                tweets.append('<div>' + data['results'][res]['from_user'] + ' wrote: <p>' + data['results'][res]['text'] + '</p></div><br />');
            }
        }
    });
}

$(document).ready(function () {

    function getTrendsByID(id) {
        $.ajax({
            url: 'http://api.twitter.com/1/trends/' + id + '.json',
            dataType: 'jsonp',
            success: function (data) {
                $.each(data[0].trends, function (i) {
                });
            }
        });
    };

    function getLocales() {
        $.ajax({
            url: 'https://api.twitter.com/1/trends/available.json',
            dataType: 'jsonp',
            success: function (data) {
                var locales = $('ul#locales');
                locales.html('');
                $.each(data, function (i) {
                    localeID[i] = data[i].woeid;
                    $('ul#locales').append('<li>' + data[i].name + '</li>');
                });
            }
        });

    };

    function getTrends(id) {
        $.ajax({
            url: 'https://api.twitter.com/1/trends/' + id + '.json',
            dataType: 'jsonp',
            success: function (data) {
                var trends = $('ul#currentTrends');
                trends.html('');
                $.each(data[0].trends, function (i) {
                    $('ul#currentTrends').append('<li>' + data[0].trends[i].name + '</li>');
                });
            }
        });
    };

    // Event Handlers
    $(document).on("click", "#locales li", function () {
        var $this = $(this);
        var localesHdr = $('#currentTrendsCont h3');
        var tweets = $('#tweets');
        var trendsHdr = $('#tweetsCont h3');
        trendsHdr.html('');
        tweets.html('');
        localesHdr.html('');
        $('#currentTrendsCont h3').html($this.text());
        getTrends(localeID[$this.index()]);
    });

    $(document).on("click", "#currentTrends li", function () {
        var $this = $(this);
        var trendsHdr = $('#tweetsCont h3');
        trendsHdr.html('');
        $('#tweetsCont h3').html($this.text());
        var params = {
            q: $this.text(),
            rpp: 10
        };
        searchTwitter(params);
    });

    $('#submit').click(function () {
        var trendsHdr = $('#tweetsCont h3');
        var trends = $('#currentTrends');
        var local = $('#currentTrendsCont h3');
        local.html('');
        trendsHdr.html('');
        trends.html('');
        $('#tweetsCont h3').html('search query: '+$('#query').val());
        var params = {
            q: $('#query').val(),
            rpp: 10
        };
        searchTwitter(params);
    });

    // Globals
    var localeID = new Array();

    // Init
    getLocales();

});
于 2013-03-06T13:31:15.073 に答える