Untitled

Knockoutjs super basics

TwitterGet = function() {

  var recent_tweets = ko.observableArray();

  var twitter_image = ko.observable();

 

  var component = this;  

  var url = 'https://twitter.com/search.json?callback=?';

 

  this.attributes.twitter_user_handle.subscribe(function(value) {

 

    var url = 'https://twitter.com/search.json?callback=?';

    var twitter_parameters = {

      include_entities: true,

      include_rts: true,

      q: 'from:' + value,  

      count: '3'

    }

 

  $.getJSON(url,twitter_parameters,

  function(json) {

    twitter_image(json.results[0].profile_image_url);

      result = json.results;

      recent_tweets.push(result);

  });

 });

};

       

<div class="tweet" id="first-tweet">

<span class="handle"><a href="#" target="_blank" data-bind-component_<%=component.id-%>="inline_edit: attributes.twitter_user_handle"></a>

</span><span data-bind-component_<%=component.id-%>="inline_edit: recent_tweets.slice(-1)[0][1].text"></span><br>

<a href="#">share</a>

<a href="#" target="_blank">retweet</a>

<a href="#">reply</a></div>

 

<div class="tweet" id="second-tweet">

<span class="handle"><a href="#" target="_blank" data-bind-component_<%=component.id-%>="inline_edit: attributes.twitter_user_handle"></a>

</span><span data-bind-component_<%=component.id-%>="inline_edit: recent_tweets.slice(-1)[0][2].text"></span><br>

       

recent_tweets.push(result);

       

recent_tweets(result);