Foros del Web » Programando para Internet » PHP »

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

Estas en el tema de programar boton me gusta en php y ajax por favor colaborar en el foro de PHP en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/12/2014, 21:02
 
Fecha de Ingreso: diciembre-2014
Mensajes: 2
Antigüedad: 4 años, 8 meses
Puntos: 0
Pregunta programar boton me gusta en php y ajax por favor colaborar

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
  #2 (permalink)  
Antiguo 14/12/2014, 02:13
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.439
Antigüedad: 11 años, 5 meses
Puntos: 1065
Respuesta: programar boton me gusta en php y ajax por favor colaborar

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
  #3 (permalink)  
Antiguo 14/12/2014, 14:46
 
Fecha de Ingreso: diciembre-2014
Mensajes: 2
Antigüedad: 4 años, 8 meses
Puntos: 0
Respuesta: programar boton me gusta en php y ajax por favor colaborar

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
  1. <?php
  2. ini_set("display_errors",0);
  3. include('operaciones/publicacion.class.php');//
  4. include('operaciones/comentario.class.php'); //esto es php
  5. $obj_publicaciones = new publicacion();// se crea obj ...
  6. $obj_comentario = new comentario();
  7.  
  8. $var_publicaciones=$obj_publicaciones->obtienePublicacionesUsuario('1');
  9. $var_cantidad_publicaciones=count($var_publicaciones);
  10. ?>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="css/principal.css"/>
  15. <title>Facebook</title>
  16. </head>
  17.  
  18. <body>
  19. <div class="portada-encabezado"><img src="img/logo-transparente.png" width="36" height="37" /></div>*
  20. <div class="portada-contenedor-izq">izquierda</div>
  21. <div class="portada-contenedor-centro">
  22. <?php for($i=0;$i<$var_cantidad_publicaciones;$i++){?>// for de la publicaciones
  23. <?php
  24. $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
  25. $var_comentarios=$obj_comentario->obtieneComentariosPublicacion($var_id_publicacion_usuario);
  26. $var_cantidad_comentarios=count($var_comentarios) ;?>// cuentra cuentos filas tiene el arreglo  el count  es para iteracion
  27. <div class="portada-publicacion">
  28. <div class="publicacion-encabezado-imagen">
  29. <img src="img/img_ejemplo_perfil.jpg" width="56" height="56" /></div>
  30. <div class="publicacion-encabezado-texto">
  31. Felipe Alejandro Silva
  32. </div>
  33. <div class="publicacion-encabezado-fecha">
  34. Ayer a las 9:54
  35. </div>
  36. <div class="publicacion-contenido"><?php echo utf8_encode($var_publicaciones[$i][1]);?></div>// mostrar las publicaciones
  37. <div class="publicacion-links"><a href="#">Me gusta</a> - <a href="#">Comentar</a> - <a href="#">Compartir</a></div>
  38. <div class="comentarios">
  39. <div id="muestra-comentarios-<?php echo $var_id_publicacion_usuario;?>"  >
  40. <?php
  41.  
  42. for($j=0;$j<$var_cantidad_comentarios;$j++){?>  // estructura for de comentarios va generar comentarios mientra comentario tenga
  43. <div  class="comentario-individual">
  44. <div class="comentario-imagen" ><img src="img/img_ejemplo_perfil.jpg" alt="" width="24" height="24" /></div>
  45. <div class="comentario-nombre"><?php echo $var_comentarios[$j][2];?> </div>
  46. <div class="comentario-texto" ><?php echo $var_comentarios[$j][0];?></div>
  47. <div  class="comentario-fecha" ><?php echo $var_comentarios[$j][1];?></div>
  48. </div>
  49. <?php };?>
  50. </div>
  51. <img src="img/img_ejemplo_perfil.jpg" alt="" width="24" height="24" />// caja de texto
  52.   <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;?>);"/>
  53. </div>
  54. </div>
  55.  
  56. <?php };?></div>
  57. <div class="portada-contenedor-der">derecha</div>
  58. <script language="javascript" src="jquery/jquery-1.11.1.min.js"></script>
  59. <script language="javascript">
  60. function enviaComentario(id_publicacion){ // aca envio envia comentario  
  61. 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
  62. loadContent('comentarios/agregar_comentario.php','muestra-comentarios-'+id_publicacion,'txt_comentario='+comentario+'&id_publicacion_usuario='+id_publicacion);
  63. }
  64. function loadContent(url, destino, qs) {
  65.  
  66.  
  67.     var spinner = "<span class='spinner'>&nbsp;<img src='img/loading_facebook.gif' width='160' height='24' alt='Cargando' /> </span>";
  68.     var destino = jQuery('#'+destino);
  69.     destino.html(spinner);
  70.    
  71.     jQuery.ajax({
  72.         type:"get",
  73.         url:url,
  74.         dataType:'html',
  75.         data: qs,
  76.         cache:false,
  77.         timeout:30000,
  78.         error:function(xhr, ts, et){
  79.             alert("Error al cargar la pagina");
  80.             destino.html('');
  81.         },
  82.         success:function(data, ts){
  83.             window.setTimeout(function(){
  84.                     destino.html('');
  85.                     destino.html(data);
  86.                 }, 500);
  87.         }
  88.     });
  89. }</script>
  90. </body>
  91. </html>

y aca clase comentario
Código HTML:
Ver original
  1. <?php
  2. class publicacion
  3. {
  4.     /*A modo de ejemplo se obtienen las publicaciones del propio usuario. Debe considerar según el contexto las propias y de amigos.*/
  5. function obtienePublicacionesUsuario($usuario){
  6.     $var_usuario = $usuario;
  7.     include("conexion/mysql.inc.php");
  8.    
  9.     $consulta_publicaciones ="select pu.id_publicacion_usuario,p.publicacion,p.fecha_publicacion from publicacion p,publicacion_usuario pu
  10.     where
  11.     p.id_publicacion=pu.id_publicacion and
  12.     pu.id_usuario='$var_usuario' order by p.fecha_publicacion";
  13.     $resultado = $mysqli->query($consulta_publicaciones);
  14.     $i=0;
  15.     while($fila = $resultado->fetch_assoc()){
  16.            
  17.     $arreglo[$i]=array($fila['id_publicacion_usuario'],$fila['publicacion'],$fila['fecha_publicacion']);
  18.     $i++;
  19. }
  20.         return $arreglo;
  21. }
  22.  
  23. }
  24. ?>

Etiquetas: ajax, boton, colaborar, favor, gusta
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:18.