Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/05/2012, 08:06
santperez
 
Fecha de Ingreso: marzo-2012
Ubicación: This is CANARIAASS
Mensajes: 21
Antigüedad: 12 años, 2 meses
Puntos: 3
Estados tipo tuenti

Buenas,
me gustaría que me echaran una mano, quiero hacer el estado tipo tuenti o facebook.
Es decir que puedan actualizar su estado y otros usuarios lo puedan ver. Solo necesito ese codigo. Lo que he conseguido es esto de "taringa".
consulta.php
Código PHP:
Ver original
  1. <?php
  2. include 'db.php';
  3. // Hacer consulta para recuperar noticias
  4. $query = mysql_query("SELECT * FROM estados order by msg_id desc");
  5. while($resultado = mysql_fetch_assoc($query)){
  6.     $id = $resultado["msg_id"];
  7.     $estado = $resultado["estado"];
  8.     $gusta = $resultado["gustar"];
  9.     $id_us= $resultado["user_id"];
  10.     $query2=mysql_query("SELECT usuario FROM usuarios WHERE id = '$id_us' ");
  11.     $array2=mysql_fetch_array($query2);
  12.     $nombre_posteador=$array2["usuario"];
  13.     ?>
  14.     <div class="bar<?php echo $id_us;?>" id="bar">
  15.     <!-- Contenedor que mostrara los estados -->
  16.     <div class="post_box">
  17.     <div class="otro">
  18.     <div class="nombre_usuario"><?php echo $nombre_posteador; ?></div>
  19.     <div class="noticia"><?php echo $estado;?></div>
  20.              
  21.         </div>                    
  22.     </div>            
  23. </div>
  24. <?php } ?>

insertarEstado.php
Código PHP:
Ver original
  1. <?php
  2.     include("db.php");
  3.     // si se ha enviado contenido
  4.     if(isset($_POST["textarea_noticia"])){
  5.         $msg = $_POST["textarea_noticia"];
  6.         // Insertar la informacion
  7.         $sql = mysql_query("INSERT INTO estados(estado)values('$msg')");
  8.         $result = mysql_query("SELECT * FROM estados order by msg_id desc");
  9.         $row = mysql_fetch_assoc($result);
  10.         $id = $row["msg_id"];
  11.         $msg = $row["estado"];
  12.     }
  13. ?>
  14. <div class="bar<?php echo $id;?>" id="bar">
  15.             <!-- Contenedor que mostrara los estados -->
  16.             <div class="post_box">
  17.                 <div class="otro">
  18.                     <div class="noticia"><?php echo $msg;?></div>                              
  19.                 </div>                    
  20.                     </div>            
  21.             </div>
index.php
Código PHP:
Ver original
  1. <head>
  2.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  3.     <link href="Css/estilo.css" rel="stylesheet" type="text/css" /> <!-- Link a nuestra hoja de estilo css la cual editaremos en un momento-->
  4.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <!-- Usaremos la libreria JQuery para agilizar la programacion con Javascript -->
  5.     <script type="text/javascript" src="funRed.js"></script>  <!-- Nuestro archivo de funciones ! -->
  6. </head>
  7.  
  8. <body>
  9. <!-- Nuestro Formulario de Post ! -->
  10. <div class="contenedor_muro">
  11.     <form name="form" method="post">
  12.         <textarea cols="30" rows="2" name="textarea_noticia" class="textarea_noticia" id="textarea_noticia"></textarea><br />
  13.         <input type="submit" value="Compartir" class="enviar_noticia" />
  14.     </form>
  15. </div>
  16. <div id="cargando"></div>
  17. <div id="mostrar"></div>
  18. <?php include("consulta.php");?>
  19. </body>
  20. </html>

funRed.js
Código JS:
Ver original
  1. $(function() {
  2.     // Enviar Estado
  3.     $(".enviar_noticia").click(function(){
  4.         var element = $(this);
  5.         // Recuperar valos de la caja de texto
  6.         var textarea_noticia = $("#textarea_noticia").val();
  7.         var dataString = "textarea_noticia="+textarea_noticia;
  8.         // Comprobar que tenga algun valor  
  9.         if(textarea_noticia == ""){
  10.             alert("Debe ingresar un Estado");
  11.         } else {
  12.             // Motrar feedback
  13.             $("#cargando")
  14.             .show()
  15.             .html("<img src='http://localhost/archivos/imagenes/iconos/cargando.gif' />");
  16.             // Enviar datos
  17.             $.ajax({
  18.                 type: "POST",
  19.                 url: "insertarEstado.php",
  20.                 data: dataString,
  21.                 cache: false,
  22.                 success: function(html){
  23.                     // Agregar datos devueltos por el archivo insertarNoticia
  24.                     $("#mostrar").prepend($(html).fadeIn(1200));
  25.                     // Quitar contenido de la caja de texto de enviar noticia
  26.                     document.getElementById("textarea_noticia").value = "";
  27.                     $("#textarea_noticia").value = "";
  28.                     // Hacer un focus
  29.                     $("#textarea_noticia").focus();
  30.                     // Ocultar feedback
  31.                     $("#cargando").hide();
  32.                 }
  33.             })
  34.         }
  35.         // Esto se hace para que el codigo no haga que se refresque la pagina
  36.         return false;
  37.     });    
  38.  
  39. });