Code: Select all
<html><head><title>Twitter Search</title>
<style>
.box{width:25%;top:65px;height:75%;overflow:auto}.sbox,.box{position:absolute;border:5px solid gray;padding:5px}.sbox,#l{left:5%}#c{left:35%}#r{left:65%}
</style>
<script>
var termsl,termsc,termsr
function foo(data){var term=document.getElementById("term").value
var l=document.getElementById("l"),c=document.getElementById("c"),r=document.getElementById("r")
if((termsc != term)&&(termsl != term)){termsr=termsc
r.innerHTML=c.innerHTML}if(termsl != term){termsc=termsl
c.innerHTML=l.innerHTML}termsl=term
l.innerHTML=term+"<br><hr>"
for (var i=0;i<data.results.length;i++){var result=data.results[i]
l.innerHTML+='<span><a href="http://twitter.com/#!/'+result.from_user+'/status/'+result.id_str+'"> <img width="24" height="24" src="'+result.profile_image_url+'"> '+result.from_user+'<a>: '+result.text+'</span><br>'}}
srch=function(){var term=document.getElementById("term").value,script=document.createElement("script");
script.src="http://search.twitter.com/search.json?q="+term+"&callback=foo"
document.body.appendChild(script)}
</script>
</head>
<body><form class="sbox" action="javascript:srch()">
<input id="term" name="term" type="textbox"/><input type="submit" value="Twitter Search"/></form>
<div id="l" class="box"></div><div id="c" class="box"></div><div id="r" class="box"></div>
</body></html>