Get Storify Story Elements

by sbhomra

HTML

<div class="output">
    <!-- Storify content dynamically output here -->
</div>

JavaScript

$(document).ready(function() {
    $(".output").append("<table>");

    $.ajax({
        type: "GET",
        url: "http://api.storify.com/v1/stories/sbhomra/syndicut?page=1&per_page=10",
        data: "",
        contentType: "application/json",
        dataType: "jsonp",
        success: function(result) {
            var data = result.content;

            $.each(data.elements, function(i) {
                var elem = data.elements[i];
                var source = elem.source.name;
                
                var output = "";
                
                if (source == "twitter") 
                    output = RenderTweet(elem);
                else if (source == "youtube")
                    output = RenderYouTube(elem);
                else
                   output = RenderFacebook(elem);                  
                    
                $(".output").append("<tr>");
                $(".output").append("<td>" + SocialIcon(source) + "</td>");
                $(".output").append("<td>" + output + "</td>");
                $(".output").append("</tr>");
            });

        }
    });

    $(".output").append("</table>");
});

function RenderTweet(d) {
 return d.meta.text;    
}

function RenderFacebook(d) {
 return d.meta.message;        
}

function RenderYouTube(d) {
    var html = "";
    var videoID = GetQueryStringFromUrl("v", d.permalink);    
    
    html = d.meta.data.title + "<br />";
    html += "<object width='360' height='215'><param name='movie' value='http://www.youtube.com/v/" + videoID  + "'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/" + videoID + "' type='application/x-shockwave-flash' width='360' height='215' allowscriptaccess='always' allowfullscreen='true'></embed></object>";
    
    return html;
}

function GetQueryStringFromUrl(name, url) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var...