前記事 のYahooPipesで提供されてるBadge以外を使う場合のちょっとしたデモです。

TwitpicにデータがあるTwitterIDを入力してRunボタンを押すと↓に最新五件のthumbnailが出てきます。

TwitterID:

    スクリプトは↓な感じ

    $(function() {
    
    $("#twitpic_pipes_demo_btn").click(function() {
      var twitterid = $("#twitpic_pipes_demo_txt").attr("value");
      if ( !twitterid )
      {
        alert("TwitterIDを入力してください");
        return;
      }
      $("#twitpic_pipes_demo_list").empty();
      $.ajax({
        "url": "http://pipes.yahoo.com/pipes/pipe.run",
        "dataType": "jsonp",
        "data": {
          "_id": "34b936ebddc5fc529948f5d0b5f305dd",
          "_render": "json",
          "limit": "5",
          "twitterids": twitterid,
        },
        "jsonp": "_callback",
        "success": function(data) {
          $.each(data.value.items, function(i,e) {
            var a = $("<a />").attr("href", e.link);
            var img = $("<img />").attr("src", e.thumburl).attr("title", e.title);
            var li = $("<li />")
    
            li.append(a.append(img));
            $("#twitpic_pipes_demo_list").append(li);
            });
          }
      });
    });
    
    });

    jQuery 便利すぎる。

    トラックバック(0)

    トラックバックURL: http://floralcompany.jp/mt/mt-tb.cgi/5

    コメントする

    AUTHOR

    • turugina (虎王 剱奈)
    • E-mail: turugina {at} floralcompany.jp
    • pixiv
    • ニジエ

    2014年5月

            1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 31

    アーカイブ

    OpenID対応しています OpenIDについて
    Powered by Movable Type 5.2.10

    - 警 告 -

    本サイトにはいわゆる「18禁画像」(イラスト)へのリンクが存在します。 未成年の方や、その手の画像に不快感を覚える方は、 該当記事(「えちぃの」及び「ちょっとえちぃの」カテゴリ) をご覧にならないようお願いいたします。

    上記を理解した上で非表示のブログパーツを表示する
    あわせて読みたいブログパーツ
    ついった
    drawr/pixiv/twitpic