/
search.js
40 lines (31 loc) · 1.1 KB
/
search.js
1
$(document).ready(function() { $("#searchform").submit(function(e) { $(".tweets").empty(); e.preventDefault(); searchAjax(); }); });function searchAjax() { var query = document.getElementById("search").value; console.log(query); $.ajax({ url: "http://search.twitter.com/search.json?q=" + query, dataType: "jsonp", jsonpCallback: "search" }); } function search(data) { for (var i = 0; i < 10; i++) { name = data.results[i].from_user_name; screenName = data.results[i].from_user; avatar = data.results[i].profile_image_url; text = data.results[i].text; timestamp = data.results[i].created_at; //build tweets userUrl = 'http://www.twitter.com/' + screenName; avatar = '<div class="avatar"><a href="' + userUrl + '"><img src="' + avatar + '" alt="' + screenName + '" /></a></div>'; tweet = '<div class="content-tweet"><p class="name"><a href="' + userUrl + '">' + name + '</a></p><p class="tweet" title="' + timestamp + '">' + text + '</p>'; //combine everything together and insert into li $(".tweets").append('<li>' + avatar + tweet + '</li>'); }}