PHP OO programar boton me gusta en php y ajax por favor colaborar

panxolda20 · #1 (**permalink**) 13/12/2014, 22:02

hola que tal estoy haciendo el botón me gusta para un taller y tenemos que hacer el botón me gusta lo mas parecido al de facebook en comentario.
si nos pueden ayudar en como mostrar la cantidad de persona de colocan me gusta estilo contador y a su vez cuando ya no le guste , que cambie de estado de me gusta a ya no me gusta
nos podría ayudar porfa

ArturoGallegos · #2 (**permalink**) 14/12/2014, 03:13

Claro con mucho gusto les ayudamos, muéstranos tu código y dinos que problemas tienes.

Aquí para pedir ayuda has de dar el primer paso mostrándonos que tienes, de lo contrario te mandaremos derecho al manual de php y javascript

panxolda20 · #3 (**permalink**) 14/12/2014, 15:46

aca esta el index
estoy viendo como creo un me gusta , que cuente los click y que pase a estado despues ya no me gusta
lo mismo que hace facebook , si pueden ayudarme seria genial gracias :)

Código PHP:

Ver original<?php 
ini_set("display_errors",0);
include('operaciones/publicacion.class.php');//
include('operaciones/comentario.class.php'); //esto es php
$obj_publicaciones = new publicacion();// se crea obj ...
$obj_comentario = new comentario();
 
$var_publicaciones=$obj_publicaciones->obtienePublicacionesUsuario('1');
$var_cantidad_publicaciones=count($var_publicaciones);
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="css/principal.css"/>
<title>Facebook</title>
</head>
 
<body>
<div class="portada-encabezado"><img src="img/logo-transparente.png" width="36" height="37" /></div>*
<div class="portada-contenedor-izq">izquierda</div>
<div class="portada-contenedor-centro">
<?php for($i=0;$i<$var_cantidad_publicaciones;$i++){?>// for de la publicaciones
<?php 
$var_id_publicacion_usuario = $var_publicaciones[$i][0];//  indice  0, 0   asi esta se puede mofidicar $1,$1 el de abajo = esta relacionado  con esto 
$var_comentarios=$obj_comentario->obtieneComentariosPublicacion($var_id_publicacion_usuario);
$var_cantidad_comentarios=count($var_comentarios) ;?>// cuentra cuentos filas tiene el arreglo  el count  es para iteracion 
<div class="portada-publicacion">
<div class="publicacion-encabezado-imagen">
<img src="img/img_ejemplo_perfil.jpg" width="56" height="56" /></div>
<div class="publicacion-encabezado-texto">
Felipe Alejandro Silva
</div>
<div class="publicacion-encabezado-fecha">
Ayer a las 9:54
</div>
<div class="publicacion-contenido"><?php echo utf8_encode($var_publicaciones[$i][1]);?></div>// mostrar las publicaciones 
<div class="publicacion-links"><a href="#">Me gusta</a> - <a href="#">Comentar</a> - <a href="#">Compartir</a></div>
<div class="comentarios">
<div id="muestra-comentarios-<?php echo $var_id_publicacion_usuario;?>"  >
<?php 
 
for($j=0;$j<$var_cantidad_comentarios;$j++){?>  // estructura for de comentarios va generar comentarios mientra comentario tenga
<div  class="comentario-individual">
<div class="comentario-imagen" ><img src="img/img_ejemplo_perfil.jpg" alt="" width="24" height="24" /></div>
<div class="comentario-nombre"><?php echo $var_comentarios[$j][2];?> </div>
<div class="comentario-texto" ><?php echo $var_comentarios[$j][0];?></div>
<div  class="comentario-fecha" ><?php echo $var_comentarios[$j][1];?></div>
</div>
<?php };?>
</div>
<img src="img/img_ejemplo_perfil.jpg" alt="" width="24" height="24" />// caja de texto
  <input name="txt_comentario_<?php echo $var_id_publicacion_usuario;?>" type="text" id="txt_comentario_<?php echo $var_id_publicacion_usuario;?>" size="100" placeholder="Escribe un comentario..." onblur="enviaComentario(<?php echo $var_id_publicacion_usuario;?>);"/>
</div>
</div>
 
<?php };?></div>
<div class="portada-contenedor-der">derecha</div>
<script language="javascript" src="jquery/jquery-1.11.1.min.js"></script> 
<script language="javascript">
function enviaComentario(id_publicacion){ // aca envio envia comentario  
var comentario = document.getElementById('txt_comentario_'+id_publicacion).value; // voy asignar  o voy buscar al caja de texto que tenga el id y lo estoy asignando en comentario 
loadContent('comentarios/agregar_comentario.php','muestra-comentarios-'+id_publicacion,'txt_comentario='+comentario+'&id_publicacion_usuario='+id_publicacion);
}
function loadContent(url, destino, qs) { 
 
 
    var spinner = "<span class='spinner'>&nbsp;<img src='img/loading_facebook.gif' width='160' height='24' alt='Cargando' /> </span>";
    var destino = jQuery('#'+destino);
    destino.html(spinner);
    
    jQuery.ajax({
        type:"get",
        url:url,
        dataType:'html',
        data: qs,
        cache:false,
        timeout:30000,
        error:function(xhr, ts, et){
            alert("Error al cargar la pagina");
            destino.html('');
        },
        success:function(data, ts){
            window.setTimeout(function(){
                    destino.html('');
                    destino.html(data);
                }, 500);
        }
    });
}</script>
</body>
</html>

y aca clase comentario

Código HTML:

Ver original<?php 
class publicacion
{
    /*A modo de ejemplo se obtienen las publicaciones del propio usuario. Debe considerar según el contexto las propias y de amigos.*/
function obtienePublicacionesUsuario($usuario){
    $var_usuario = $usuario;
    include("conexion/mysql.inc.php");
    
    $consulta_publicaciones ="select pu.id_publicacion_usuario,p.publicacion,p.fecha_publicacion from publicacion p,publicacion_usuario pu
    where
    p.id_publicacion=pu.id_publicacion and
    pu.id_usuario='$var_usuario' order by p.fecha_publicacion";
    $resultado = $mysqli->query($consulta_publicaciones);
    $i=0;
    while($fila = $resultado->fetch_assoc()){
            
    $arreglo[$i]=array($fila['id_publicacion_usuario'],$fila['publicacion'],$fila['fecha_publicacion']); 
    $i++;
}
        return $arreglo;
}
 
}
?>