Links

Sunday, November 26, 2006

Ajax no Search Engine.

Você pode encontrar um exemplo Ajax grande neste Search Engine de Qooqle Video Web 2.0 para o serviço YouTube. Está aqui o exemplo de resultados da busca "South Park":




Procurarar por “South Park” no Web page Qooqle Video

Saturday, November 25, 2006

sustentação da tecla Back.

Daniel Kantor executou uma solução da tecla Back em Streampad e compartilhou d com nós.

Um dos gripes principais de encontro às aplicações da correia fotorreceptora de AJAX é como quebram

tecla back em um browser típico. Houve algumas soluções (notàvelmente história realmente simples de Neuberg do Brad) mas nenhuns começaram-no que trabalha em Safari. GMail ainda não tem uma tecla da parte traseira do funcionamento em Safari.
Dizem são a terceira vez o encanto e eu tentei começar duas vezes uma coisa da tecla Back em Streampad antes. Eu não quis usar alguma outra pessoa biblioteca porque são geralmente mais complexos do que eu necessito e eu não quis pôr algo no lugar até que eu tive o funcionamento Safari . Eu tentei algumas técnicas diferentes, mas quando eu o comecei que trabalha em Safari, quebraria em Firefox ou em IE.
Eu figurei finalmente para fora uma maneira começar este funcionamento em Firefox, em IE e em Safari. Eu não o testei em Opera. É aqui o que eu. Como usual, sua milhagem variará muito provável.
  1. criar um iFrame com o width=’1′, height=’1′, name=’hFrame’, id=’hFrame’ e o frameBorder=’0′. É importante mantê-lo visível na página ou não trabalhará em Safari. Desde que é 1×1 justo, tentar escondê-lo em um canto ou em algo.
  2. Criar esta função -
    function historyManager(f,t){
    frames[’hFrame’].location.href=”http://www.streampad.com/historyManFrame.php?f=” +f+”&t=”+t;
    }
    (obviamente substituto em seu domínio para example.com)
  3. Criar esta função -
    function historyFunc(f){
    f = f+”()”;
    eval(f);
    }
  4. Cría o que língua) uma página do php (ou que aceite dois vars GET - “f” e “t”
  5. Nomear esta página “historyManFrame”.
  6. Em “historyManFrame” posto isto -
    $f = $_GET[’f'];
    $t = $_GET[’t'];
  7. No Tag da cabeça posto dentro de um Tag do certificado -
    function hello(){
    document.title = “Streampad - < ? echo $t; ?>“;
    parent.historyFunc(”< ? echo $f; ?>“);
    }
  8. E no Tag Body posto -
    onload=hello()

Agora o que está indo acontecer é este:

  1. Chamar a função historyManager e passar-lhe dois vars String. f é a função que você gostaria finalmente de chamar. t é o título que você gostaria de mandar mostrar acima na história da tecla Back.
  2. historyManager está indo carregar a página (historyManFrame) no iframe e passar-lhe f e t como as variáveis GET.
  3. historyManFrame está indo agora carregar e fazer duas coisas. Primeiramente, ajustará seu próprio título a t variável. Então chamará sua função historyFunc do pai e passá-la-á em f.
  4. a vontade historyFunc faz exame então da função f (como uma corda) e eval ele (que chamará a função final).

Este é exatamente o que eu estou fazendo para dentro

Streampad, e estão trabalhando completamente bem. Alguns caveats:
  1. Firefox não indicará o título do iframe na história da tecla Back. Se você gostar, você pode ajustar o título principal da página e aquele fará o truque. A razão que eu não faço este em Streampad é b/c o título é sempre a canção atual e eu não quero mudar aquele.
  2. Eu não passo vars à função final, assim que eu não a ajustei faço até isto. Seria realmente fácil fazer qualquer outra coisa semelhante - passagem justa em f como “func(’foo’)”. Então eval(f) justo em historyFunc em vez de adicionar-lhe ‘()’ antes' do ing eval.

Ajax

 Ajax, shorthand para Asynchronous JavaScript e XML, é uma técnica do desenvolvimento da correia fotorreceptora para criar aplicações interativas da correia fotorreceptora. A intenção é fazer a sensação dos Web pages mais responsiva trocando quantidades pequenas de dados com o usuário atrás das cenas, de modo que o Web page inteiro não tenha que ser recarregado cada vez os makes do usuário uma mudança. Isto é significado aumentar o interactivity, a velocidade, e a usabilidade do Web page.

A técnica Ajax usa uma combinação de:

  • XHTML (ou HTML) e CSS, para marcar acima e denominar a informação.
  • O DOM alcançou com uma língua scripting do cliente-lado, especialmente execuções ECMAScript tais como JavaScript e JScript, dinâmicamente à exposição e interage com a informação apresentada.
  • O objeto de XMLHttpRequest é usado trocar asynchronously dados com o web server. Em algumas estruturas de Ajax e em determinadas situações, um objeto IFrame é usado em vez do objeto de XMLHttpRequest trocar dados com o web server, e em outras execuções, os Tag <> dinâmicamente adicionados podem ser usados.
  • XML é usado às vezes como o formato para dados transferindo entre o usuário e o cliente, embora todo o formato trabalhe, including o HTML preformatted, o texto liso, o JSON e mesmo o EBML. Estas limas podem ser criadas dinâmicamente por algum formulário do usuário-lado que scripting.


Como DHTML, LAMP e SPA, Ajax é uma não tecnologia nse, mas um termo que consulte ao uso de um grupo das tecnologias.

O primeiro uso do termo no público era por Jesse James Garrett em fevereiro 2005. Garrett pensado do termo quando no chuveiro, quando realizou a necessidade para um termo do shorthand representar o suite das tecnologias que propunha a um cliente.

Embora o termo "Ajax" fosse inventado em 2005, a maioria de história das tecnologias que permitem o começo Ajax um a década mais cedo com 'iniciativas de s Microsoft em desenvolver Remote Scripting. As técnicas para o carregamento assíncrono do índice em um Web page existente sem reque um reload cheio datam até o tipo do elemento do IFRAME (introduzido no Internet Explorer 3 em 1996) e o tipo do elemento LAYER (introduzido em Netscape 4 em 1997, abandonado durante o desenvolvimento adiantado de Mozilla). Ambos os tipos do elemento tiveram um atributo do src que poderia fazer exame de todo o URL externo, e carregando uma página que contem JavaScrip t que manipulou a página do pai, Ajax - os efeitos semelhantes poderiam ser alcançados. Este jogo das tecnologias do cliente-lado foi agrupado geralmente junto sob o termo genérico de DHTML. Dshdiu0026 de Macromedia poderia também, da versão 4, carga XML e as limas de CSV de um usuário remoto sem reque um browser refrescam.

Dshdiu0027 de Microsoft (ou os MSRS, introduzidos em 1998) agiram como uma recolocação mais elegante para estas técnicas, com os dados que estão sendo puxados dentro por um applet Java com que o lado do cliente poderia se comunicar usando JavaScript. Esta técnica trabalhou Internet Explorer em versão 4 e em Netscape Navigator versão 4 avante. Microsoft criou então o objeto de XMLHttpRequest Internet Explorer na versão 5 e o primeiro fêz exame da vantagem destas técnicas usando XMLHttpRequest em Outlook Web Access fornecido com a liberação Microsoft Exchange Server 2000.

A comunidade do desenvolvimento Web, primeiramente collaborating através do newsgroup microsoft.public.scripting.remote e mais tarde com o aggregation do blog, desenvolveu subseqüentemente uma escala das técnicas para o telecontrole que scripting a fim permitir resultados consistentes através dos browsers diferentes. Em 2002, uma modificação da usuário-comunidade a Microsoft Remote Scripting foi feita para substituir o applet Java com o XMLHttpRequest.

Remote Scripting Frameworks tal como ARSCIF [5] aplainou em 2003 nao longo antes que Microsoft introduziu Callbacks em ASP.NET.

Desde que XMLHttpRequest é executado agora através da maioria dos browsers no uso, as técnicas alternativas são usadas infrequëntemente. Entretanto, são usados ainda onde a compatibilidade com os locais Web mais velhos ou as aplicações do legacy é requerida.

Além, o World Wide Web Consortium tem diversas recomendações que permitem também uma comunicação dinâmica entre um usuário e um agente do usuário, embora poucos deles são suportados bem. Estes incluiriam:

  • O elemento do objeto definido em HTML 4 para encaixar tipos satisfeitos arbitrários em originais, (substitui frames inline sob XHTML 1.1)
  • A carga do nível 3 do modelo do objeto do original (DOM) e excepto a especificação


Friday, November 24, 2006