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
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'> <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;
}
}
?>