Criando uma atualização de status do Twitter ao vivo com YQL e JavaScript

do padrão cbfunc -? Isso será explicado abaixo). No entanto, para esta aplicação que queremos ser capaz de especificar cuja conta no Twitter que irá consultar. Para conseguir isso, construir a URL final em uma série de passos

função queryYQL ()

{

var yqlUrl = "http:. //query.yahooapis. com /v1 /público /yql ";

A variável yqlUrl detém a URL base para o serviço YQL

query var =." SELECT * FROM twitter.user.timeline onde id = "" . +

document.

getElementById ('twittername') Valor + "'";

Em seguida, construir a consulta YQL, obtendo o nome do usuário a partir de um elemento de entrada HTML (que será adicionada em etapas posteriores).

var queryUrl = yqlUrl + "? q =" + escape (query) + "& format = json & callback =?" + "& Env =" + escape ("loja: //datatables.

org/alltableswithkeys");

Finalmente, combine o URL base, a consulta YQL (que tenha sido codificado com a função de escape), ea paramaters adicionais como formato (definido como JSON para que possamos usar os dados retornados diretamente de JavaScript), callback (definido como um ponto de interrogação para jQuery), e evn (o valor do que foi copiado da URL fornecida pelo Console YQL) em a URL final.

A razão pela qual a função de retorno é especificado como um ponto de interrogação é porque jQuery irá substituir o ponto de interrogação com uma referência para a função passada para a função getJSON como o segundo parâmetro. Você pode descobrir mais informações a função getJSON aqui

$ ("# twitterstatus") texto ("carregando Twitter Estado ...")..; css ("visibilidade", "escondido")

$ ("# twitterimage");.

Antes de entrar em contato com os servidores YQL, primeiro ocultar a imagem e exibir a mensagem "Carregando Twitter Estado ... ".

$.

getJSON (queryUrl, função (yqlObject)

Este URL é então passada para a função jQuery getJSON, que entrará em contato com o servidor YQL e passar o objeto JSON que tenha sido devolvido a uma função fornecida como o segundo parâmetro.

{

var twitterText = yqlObject.query.results.entry [0] .title.replace (

. document.getElementById ('twittername') Valor + ":", "");

$ ("# twitterstatus".) texto (twitterText);

$ ("# twitterimage" ) .attr ("src", yqlObject.query.results.entry [0] .link [1] .href);.

$ ("# twitterimage") css ("visibilidade", "visível" );

}

);

O status de atualizações são pr