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
<?php include 'db.php'; // Hacer consulta para recuperar noticias $id = $resultado["msg_id"]; $estado = $resultado["estado"]; $gusta = $resultado["gustar"]; $id_us= $resultado["user_id"]; $nombre_posteador=$array2["usuario"]; ?> <div class="bar<?php echo $id_us;?>" id="bar"> <!-- Contenedor que mostrara los estados --> <div class="post_box"> <div class="otro"> <div class="nombre_usuario"><?php echo $nombre_posteador; ?></div> <div class="noticia"><?php echo $estado;?></div> </div> </div> </div> <?php } ?>
insertarEstado.php
Código PHP:
index.phpVer original
<?php include("db.php"); // si se ha enviado contenido $msg = $_POST["textarea_noticia"]; // Insertar la informacion $id = $row["msg_id"]; $msg = $row["estado"]; } ?> <div class="bar<?php echo $id;?>" id="bar"> <!-- Contenedor que mostrara los estados --> <div class="post_box"> <div class="otro"> <div class="noticia"><?php echo $msg;?></div> </div> </div> </div>
Código PHP:
Ver original
<head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link href="Css/estilo.css" rel="stylesheet" type="text/css" /> <!-- Link a nuestra hoja de estilo css la cual editaremos en un momento--> <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 --> <script type="text/javascript" src="funRed.js"></script> <!-- Nuestro archivo de funciones ! --> </head> <body> <!-- Nuestro Formulario de Post ! --> <div class="contenedor_muro"> <form name="form" method="post"> <textarea cols="30" rows="2" name="textarea_noticia" class="textarea_noticia" id="textarea_noticia"></textarea><br /> <input type="submit" value="Compartir" class="enviar_noticia" /> </form> </div> <div id="cargando"></div> <div id="mostrar"></div> <?php include("consulta.php");?> </body> </html>
funRed.js
Código JS:
Ver original
$(function() { // Enviar Estado $(".enviar_noticia").click(function(){ var element = $(this); // Recuperar valos de la caja de texto var textarea_noticia = $("#textarea_noticia").val(); var dataString = "textarea_noticia="+textarea_noticia; // Comprobar que tenga algun valor if(textarea_noticia == ""){ alert("Debe ingresar un Estado"); } else { // Motrar feedback $("#cargando") .show() .html("<img src='http://localhost/archivos/imagenes/iconos/cargando.gif' />"); // Enviar datos $.ajax({ type: "POST", url: "insertarEstado.php", data: dataString, cache: false, success: function(html){ // Agregar datos devueltos por el archivo insertarNoticia $("#mostrar").prepend($(html).fadeIn(1200)); // Quitar contenido de la caja de texto de enviar noticia document.getElementById("textarea_noticia").value = ""; $("#textarea_noticia").value = ""; // Hacer un focus $("#textarea_noticia").focus(); // Ocultar feedback $("#cargando").hide(); } }) } // Esto se hace para que el codigo no haga que se refresque la pagina return false; }); });