mercredi 15 juin 2016

Get last three tweets from twitter api 1.1 using jquery

I have gone through twitter api documentation but did not get any working example with version 1.1 and jquery. All the examples i got is made in php or it was in version 1 only. Can anyone give me one simple example to get latest 3 tweets from twitter api. I have created my twitter api and have customerapi, secretkey, token, secret tocken. But i don't know how to implement it in jquery.

below is one example made on version 1:

function twitterCallback2(twitters) {
    
  var statusHTML = [];
  for (var i = 0; i < twitters.length; i++) {
      var username = twitters[i].user.screen_name;
      var profileimage = twitters[i].user.profile_image_url;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)://[^"s<>]*[^.,;'">:s<>)]!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="https://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
  });
  statusHTML.push('<table style="border-top:1px dotted #000"><tr><td><img src=' + profileimage + '></td><td><a target="_blank" href="https://twitter.com/' + username + '">' + username + ':</a><br/>' + status + ' <br/><small style="color:#737373">' + relative_time(twitters[i].created_at) + '</small></td></tr></table>');
  }
  
  $('.loading').fadeOut(750, function() {
		 $('#latest_tweet').append($(statusHTML.join('')).hide().fadeIn(750));									
  });
  
  //document.getElementById('latest_tweet').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

//call Twitter script on DOM ready with jQuery
$(document).ready(function() {
	
	var username = 'vikashkrburnwal';

	$.getScript('https://twitter.com/1/statuses/user_timeline/' + username + '.json?callback=twitterCallback2&count=10');

});

Can any one change this code to version 1.1 and make this working?

Aucun commentaire:

Enregistrer un commentaire