Quando uma página tem seu conteúdo carregado de forma assíncrona (via ajax), ocorre um conhecido problema ao tentar salvá-la nos favoritos. A não ser que o usuário adicione a página logo que ela carregar - quando nenhuma ação foi executada, nenhum clique foi dado - quando ele clicar no link salvo em favoritos, o conteúdo apresentado será sempre o inicial e não aquele que ele estava vendo no momento em que salvou a página.

A raiz desse problema é a mesma que impede o usuário de usar os botões do histórico em conteúdos carregados com ajax: a única página que existe para o navegador é a inicial, os conteúdos carregados com ajax não são vistos como novas páginas. Como resolver isso? Me ocorreu a idéia de enviar um comando em forma de string (como no script ajaxHistory) usando o hash. Na verdade, o hash foi usado (no lugar da query string) por que eu queria poder também usar o refresh… isso funcionou, mas só no IE. Quando a solução para o refresh for cross-browser (estamos trabalhando para isso…), vou divulgá-la aqui. Mas para usar os favoritos funcionou beleza.

A idéia é a seguinte: criei uma função que adiciona a página aos favoritos dinamicamente, acrescentando um comando javascript à URL, no hash (se o usuário for ao menu Favoritos e clicar em Adicionar a favoritos o sistema não vai funcionar). Ao carregar, uma outra função lê a URL e busca pelo comando, se ele existir, será executado no onload e o hash será esvaziado.

O princípio é bastante simples. Salvamos a página com um comando no hash que, se executado reproduz o estado da página no momento em que o usuário a salvou e executamos esse comando no onload da página. É preciso ser detalhista na hora de escrever essa string de comando, pois muitas vezes não basta executar a função que carrega os conteúdos, é preciso recriar todo um ambiente, setando variáveis e criando elementos.

Há uma variável-chave para o sistema funcionar, a jscommand. Ela deve ser atualizada a cada ação, com a string de comando. Se você resolveu usar o script ajaxHistory, fique atento por que nem sempre a string de comando será igual - quando executamos os comando do array de itens do histórico, trabalhamos num mesmo ambiente. Por outro lado, quando o sujeito voltar à nossa página a partir de um clique no seu menu Favoritos, esse ambiente deve ser inteiramente recriado, portanto, à vezes o comando para o ajaxBookmark, na variável jscommand precisa ser mais complexo.

Vamos ao código, pequeno e simples:

Um exemplo de uso (com ajaxHistory)

Bem, a princípio isso me pareceu uma boa solução, mas não funcionou satisfatoriamente em FF 1.5 e NS 7.2. Coisas estranhas acontecem, como a página ser carregada na barra lateral e o resultado da função não ser igual para NS e FF. A função addPanel na verdade não adiciona um item aos Favoritos, apenas cria um panel no Sidebar… Não sou usuário de Mozilla, uso apenas para testar (digo isso sabendo que vai parecer um sacrilégio para alguns, mas tenho que confessar: eu uso o IE!).

Espero que aproveitem a idéia mas, principalmente, espero que alguém que conheça os meandros do Netscape e do Firefox tenha uma boa idéia e possa fazer um ajuste.

Sugestões e comentários são muito bemvindos.