Como adicionar um botão "Curtir" do Facebook a uma página AJAX
Eu arrastei a rede e o Stack Overflow e não encontrei uma resposta adequada para esta pergunta. Antes de iniciar o processo de tentativa e erro para encontrar minha própria solução, pensei em recorrer à confiança cerebral do Stack Overflow e verificar se já havia uma implementação bem-sucedida.
Eu tenho uma página com AJAX que é degradada adequadamente para navegadores não-javascript e SEO. Cada clique na versão AJAX pode ser representado por um URL exclusivo.
O que eu quero fazer é alterar dinamicamente o HREF do botão. Entendo que essa tag é convertida em HTML padrão em tempo de execução (ou seja, em um layout desagradável de tabela / iframe).
Eu só estava me perguntando se alguém tinha alguma idéia de como implementar esse botão como FB em páginas alimentadas por AJAX?
Felicidades antecipadamente :)
EDITAR:
O que você acha desse método que acabei de hackear? Vê algum problema enorme com isso?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="JS/jquery/jquery.js" type="text/javascript"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script language="javascript" type="text/javascript">
$("document").ready
(
function ()
{
CreateNewLikeButton("http://www.yahoo.com")
$("a#ChangeToGoogle").click
(
function (e)
{
e.preventDefault();
CreateNewLikeButton("http://www.google.ca")
}
);
}
);
function CreateNewLikeButton(url)
{
var elem = $(document.createElement("fb:like"));
elem.attr("href", url);
$("div#Container").empty().append(elem);
FB.XFBML.parse($("div#Container").get(0));
}
</script>
</head>
<body>
<form id="form1" runat="server">
<a id="ChangeToGoogle" href="#">Change To Google</a>
<div id="Container">
<fb:like href="http://www.NEVER_LINK_TO_THIS_12345.com"></fb:like>
</div>
</form>
</body>
</html>