Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Chris Martin

como Criar um botão curtir com ajax, JQuery, html, php e data base

Recommended Posts

gostaria de fazer o seguinte, tem um link e ai eu uso uma função para quando clicar no link dandar os dados para o php e o php mandar pro data base e se salvar os dados no data base, contar quantas pessoas curtiram e colocar Por exemplo: Você e mais 5 pessoas curtiram

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uai! Será que vc tá querendo o like-box do Facebook?

VEJA:

O Facebook ofecere vários default:
http://developers.facebook.com/docs/plugins/

O botão curtir "like" com a caixa de fotos "box", é o like-box:
http://developers.facebook.com/docs/reference/plugins/like-box

Eu faço personalizado com CSS, para esconder o top e bottom da coluna:

----- CSS -----

.limitarbox {
 width: 213px !important;
 height: 400px !important;
 overflow: hidden !important;
 position: relative;
}
.fb-like-box {
 background-color: #fff;
 //background:url('');
 margin-top: -98px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: -8px;
 text-align: center
}
.fb-like {
 margin-top: 5px;
 margin-left: 4px;
 margin-bottom: 10px;
 text-align: left;
 width: 100px;
}

----- PÁGINA -----

<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<link rel="stylesheet" type="text/css" href="css/facebook.css" />
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1">
 <tr>
  <td>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table2">
   <tr>
    <td width="88" height="50" style="font-family:Arial;border:1px solid #e0e0e0">
    <p align="center">Logotipo</td>
    <td>  Curta a gente</td>
   </tr>
  </table>
  </td>
 </tr>
 <tr>
  <td height="5"></td>
 </tr>
 <tr>
  <td>
<div class="fb-like" data-href="http://www.facebook.com/platform" data-send="true" data-layout="button_count" data-width="213"
data-show-faces="false" data-colorscheme="light" data-action="like"></div>
<div align="left">
<div class="limitarbox">
<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="260" data-height="420" data-show-faces="true"
data-colorscheme="light" data-stream="false" data-header="false" data-border-color="#292526"></div>
</div></div>
  </td>
 </tr>
</table>
</body>
</html>

Personalize como quiser!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Parece que vc quer criar uma "rede social" interna, particular... no seu site.

 

Será que a idéia é:

Table usuarios: id, login, nome, foto

Table social: id, login, foto

 

O usuários clica no botão "curtir" em seu site e um script, por exemplo na página "rede_social.php", envia os dados do usuário da table usuarios para a table social criando uma noma linha.

 

Então, quando um usuário logado clicar em seu botão "curtir", a "rede_social.php" faz update na table social inserindo uma linha com o login e a foto dele?

 

É isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim basicamente isso.

um script mandar os dados ao php o php retorna uns valores dentre ele quantas pessoas curtiram, ou seja quantas linhas foram criadas naquele post..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.